@charset "UTF-8";
body {
  line-height: 1;
  min-width: 1300px;
}

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
}

blockquote, q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

del {
  text-decoration: line-through;
}

img {
  height: auto;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
  /* scale images in IE7 more attractively */
}

i, em {
  font-style: normal;
}

ol, ul, menu {
  list-style: none outside none;
}

fieldset, iframe, abbr, acronym {
  border: 0 none;
}

iframe {
  display: block;
}

textarea {
  resize: vertical;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: inherit;
}

th {
  text-align: inherit;
}

button, input, select, textarea {
  font-family: Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
  margin: 0;
}

.clearfix {
  *zoom: 1;
}

.clearfix:before, .clearfix:after {
  content: "";
  display: table;
  line-height: 0;
}

.clearfix:after {
  clear: both;
}

.ui-dialog {
  *zoom: 1;
  _float: left;
  position: relative;
  background-color: #FFF;
  border-radius: 6px;
  outline: 0;
  background-clip: padding-box;
  font-family: Helvetica, arial, sans-serif;
  font-size: 14px;
  line-height: 1.428571429;
  color: #333;
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform .15s ease-in-out, opacity .15s ease-in-out;
  transition: transform .15s ease-in-out, opacity .15s ease-in-out;
}

.ui-popup-show .ui-dialog {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.ui-popup-focus .ui-dialog {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}

.ui-popup-modal .ui-dialog {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1), 0 0 256px rgba(255, 255, 255, 0.3);
}

.ui-dialog-grid {
  width: auto;
  margin: 0;
  border: 0 none;
  border-collapse: collapse;
  border-spacing: 0;
  background: transparent;
}

.ui-dialog-header,
.ui-dialog-body,
.ui-dialog-footer {
  padding: 0;
  border: 0 none;
  text-align: left;
  background: transparent;
}

.ui-dialog-header {
  white-space: nowrap;
  border-bottom: 1px solid #E5E5E5;
}

.ui-dialog-close {position: relative;
  _position: absolute;
  float: right;
  top: 13px;
  right: 13px;
  font-size: 50px;
  width: 30px;
  height: 36px;
  text-indent: -9999px;
  padding: 0;
  font-weight: normal;
  color: #000;
  text-shadow: 0 1px 0 #FFF;
  cursor: pointer;
  
  _background: #FFF;
  font-family: "SimHei";
  border: 0;
  -webkit-appearance: none;
  
  background-color: transparent;background-repeat: no-repeat;}

.ui-dialog-close:hover,
.ui-dialog-close:focus {color: #d13038;
  text-decoration: none;
  cursor: pointer;
  outline: 0;background-repeat: no-repeat;}

.ui-dialog-title {
  margin: 0;
  line-height: 1.428571429;
  min-height: 16.428571429px;
  padding: 15px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: bold;
  cursor: default;
}

.ui-dialog-body {
  padding: 20px 40px;
  text-align: center;
}

.ui-dialog-content {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  *zoom: 1;
  *display: inline;
  text-align: left;
}

.ui-dialog-footer {
  padding: 0 20px 20px 20px;
}

.ui-dialog-statusbar {
  float: left;
  margin-right: 20px;
  padding: 6px 0;
  line-height: 1.428571429;
  font-size: 14px;
  color: #888;
  white-space: nowrap;
}

.ui-dialog-statusbar label:hover {
  color: #333;
}

.ui-dialog-statusbar input,
.ui-dialog-statusbar .label {
  vertical-align: middle;
}

.ui-dialog-button {
  float: right;
  white-space: nowrap;
}

.ui-dialog-footer button + button {
  margin-bottom: 0;
  margin-left: 5px;
}

.ui-dialog-footer button {
  width: auto;
  overflow: visible;
  display: inline-block;
  padding: 6px 12px;
  _margin-left: 5px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.ui-dialog-footer button:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.ui-dialog-footer button:hover,
.ui-dialog-footer button:focus {
  color: #333333;
  text-decoration: none;
}

.ui-dialog-footer button:active {
  background-image: none;
  outline: 0;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.ui-dialog-footer button[disabled] {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  box-shadow: none;
}

.ui-dialog-footer button {
  color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
}

.ui-dialog-footer button:hover,
.ui-dialog-footer button:focus,
.ui-dialog-footer button:active {
  color: #333333;
  background-color: #ebebeb;
  border-color: #adadad;
}

.ui-dialog-footer button:active {
  background-image: none;
}

.ui-dialog-footer button[disabled],
.ui-dialog-footer button[disabled]:hover,
.ui-dialog-footer button[disabled]:focus,
.ui-dialog-footer button[disabled]:active {
  background-color: #ffffff;
  border-color: #cccccc;
}

.ui-dialog-footer button.ui-dialog-autofocus {
  color: #ffffff;
  background-color: #428bca;
  border-color: #357ebd;
}

.ui-dialog-footer button.ui-dialog-autofocus:hover,
.ui-dialog-footer button.ui-dialog-autofocus:focus,
.ui-dialog-footer button.ui-dialog-autofocus:active {
  color: #ffffff;
  background-color: #3276b1;
  border-color: #285e8e;
}

.ui-dialog-footer button.ui-dialog-autofocus:active {
  background-image: none;
}

.ui-popup-top-left .ui-dialog,
.ui-popup-top .ui-dialog,
.ui-popup-top-right .ui-dialog {
  top: -8px;
}

.ui-popup-bottom-left .ui-dialog,
.ui-popup-bottom .ui-dialog,
.ui-popup-bottom-right .ui-dialog {
  top: 8px;
}

.ui-popup-left-top .ui-dialog,
.ui-popup-left .ui-dialog,
.ui-popup-left-bottom .ui-dialog {
  left: -8px;
}

.ui-popup-right-top .ui-dialog,
.ui-popup-right .ui-dialog,
.ui-popup-right-bottom .ui-dialog {
  left: 8px;
}

.ui-dialog-arrow-a,
.ui-dialog-arrow-b {
  position: absolute;
  display: none;
  width: 0;
  height: 0;
  overflow: hidden;
  _color: #FF3FFF;
  border: 8px dashed transparent;
}

.ui-popup-follow .ui-dialog-arrow-a,
.ui-popup-follow .ui-dialog-arrow-b {
  display: block;
}

.ui-popup-top-left .ui-dialog-arrow-a,
.ui-popup-top .ui-dialog-arrow-a,
.ui-popup-top-right .ui-dialog-arrow-a {
  bottom: -16px;
  border-top: 8px solid #7C7C7C;
}

.ui-popup-top-left .ui-dialog-arrow-b,
.ui-popup-top .ui-dialog-arrow-b,
.ui-popup-top-right .ui-dialog-arrow-b {
  bottom: -15px;
  border-top: 8px solid #fff;
}

.ui-popup-top-left .ui-dialog-arrow-a,
.ui-popup-top-left .ui-dialog-arrow-b {
  left: 15px;
}

.ui-popup-top .ui-dialog-arrow-a,
.ui-popup-top .ui-dialog-arrow-b {
  left: 50%;
  margin-left: -8px;
}

.ui-popup-top-right .ui-dialog-arrow-a,
.ui-popup-top-right .ui-dialog-arrow-b {
  right: 15px;
}

.ui-popup-bottom-left .ui-dialog-arrow-a,
.ui-popup-bottom .ui-dialog-arrow-a,
.ui-popup-bottom-right .ui-dialog-arrow-a {
  top: -16px;
  border-bottom: 8px solid #7C7C7C;
}

.ui-popup-bottom-left .ui-dialog-arrow-b,
.ui-popup-bottom .ui-dialog-arrow-b,
.ui-popup-bottom-right .ui-dialog-arrow-b {
  top: -15px;
  border-bottom: 8px solid #fff;
}

.ui-popup-bottom-left .ui-dialog-arrow-a,
.ui-popup-bottom-left .ui-dialog-arrow-b {
  left: 15px;
}

.ui-popup-bottom .ui-dialog-arrow-a,
.ui-popup-bottom .ui-dialog-arrow-b {
  margin-left: -8px;
  left: 50%;
}

.ui-popup-bottom-right .ui-dialog-arrow-a,
.ui-popup-bottom-right .ui-dialog-arrow-b {
  right: 15px;
}

.ui-popup-left-top .ui-dialog-arrow-a,
.ui-popup-left .ui-dialog-arrow-a,
.ui-popup-left-bottom .ui-dialog-arrow-a {
  right: -16px;
  border-left: 8px solid #7C7C7C;
}

.ui-popup-left-top .ui-dialog-arrow-b,
.ui-popup-left .ui-dialog-arrow-b,
.ui-popup-left-bottom .ui-dialog-arrow-b {
  right: -15px;
  border-left: 8px solid #fff;
}

.ui-popup-left-top .ui-dialog-arrow-a,
.ui-popup-left-top .ui-dialog-arrow-b {
  top: 15px;
}

.ui-popup-left .ui-dialog-arrow-a,
.ui-popup-left .ui-dialog-arrow-b {
  margin-top: -8px;
  top: 50%;
}

.ui-popup-left-bottom .ui-dialog-arrow-a,
.ui-popup-left-bottom .ui-dialog-arrow-b {
  bottom: 15px;
}

.ui-popup-right-top .ui-dialog-arrow-a,
.ui-popup-right .ui-dialog-arrow-a,
.ui-popup-right-bottom .ui-dialog-arrow-a {
  left: -16px;
  border-right: 8px solid #7C7C7C;
}

.ui-popup-right-top .ui-dialog-arrow-b,
.ui-popup-right .ui-dialog-arrow-b,
.ui-popup-right-bottom .ui-dialog-arrow-b {
  left: -15px;
  border-right: 8px solid #fff;
}

.ui-popup-right-top .ui-dialog-arrow-a,
.ui-popup-right-top .ui-dialog-arrow-b {
  top: 15px;
}

.ui-popup-right .ui-dialog-arrow-a,
.ui-popup-right .ui-dialog-arrow-b {
  margin-top: -8px;
  top: 50%;
}

.ui-popup-right-bottom .ui-dialog-arrow-a,
.ui-popup-right-bottom .ui-dialog-arrow-b {
  bottom: 15px;
}

@-webkit-keyframes ui-dialog-loading {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes ui-dialog-loading {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.ui-dialog-loading {
  vertical-align: middle;
  position: relative;
  display: block;
  *zoom: 1;
  *display: inline;
  overflow: hidden;
  width: 32px;
  height: 32px;
  top: 50%;
  margin: 0 auto 0 auto;
  font-size: 0;
  text-indent: -999em;
  color: #666;
}

.ui-dialog-loading {
  width: 100%\9;
  text-indent: 0\9;
  line-height: 32px\9;
  text-align: center\9;
  font-size: 12px\9;
  margin-top: -16px\9;
}

.ui-dialog-loading::after {
  position: absolute;
  content: '';
  width: 3px;
  height: 3px;
  margin: 14.5px 0 0 14.5px;
  border-radius: 100%;
  box-shadow: 0 -10px 0 1px #ccc, 10px 0px #ccc, 0 10px #ccc, -10px 0 #ccc, -7px -7px 0 0.5px #ccc, 7px -7px 0 1.5px #ccc, 7px 7px #ccc, -7px 7px #ccc;
  -webkit-transform: rotate(360deg);
  -webkit-animation: ui-dialog-loading 1.5s infinite linear;
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
  -webkit-animation: ui-dialog-loading 1.5s infinite linear;
          animation: ui-dialog-loading 1.5s infinite linear;
  display: none\9;
}

.base-ui {
  border-radius: 0;
  font-family: "Microsoft Yahei";
}

.base-ui .ui-dialog-header {
  border-bottom: none;
}

.base-ui .ui-dialog-title {
  text-indent: -9999px;
  padding: 5px 15px;
}

.base-ui .ui-dialog-close {
  position: absolute;
}

.base-ui .ui-dialog-content {
  color: #666;
  font-size: 18px;
}

.login-ui {
  border-radius: 0;
  font-family: "Microsoft Yahei";
}

.login-ui .ui-dialog-header {
  border-bottom: none;
}

.login-ui .ui-dialog-title {
  text-indent: -9999px;
  padding: 5px 15px;
}

.login-ui .ui-dialog-content {
  color: #666;
  font-size: 18px;
}

.login-ui .ui-dialog-body {
  padding: 0;
}

.login-ui .ui-dialog-title {
  display: none;
}

.login-ui .ui-dialog-close {position: absolute;
  float: right;
  top: -40px;
  right: -40px;
  font-size: 50px;
  width: 40px;
  height: 40px;
  text-indent: -9999px;
  padding: 0;
  font-weight: normal;
  color: #000;
  cursor: pointer;
  
  font-family: "SimHei";
  border: 0;
  -webkit-appearance: none;
  
  background-color: transparent;background-repeat: no-repeat;}

.login-ui .ui-dialog-close:hover,
.login-ui .ui-dialog-close:focus {color: #d13038;
  text-decoration: none;
  cursor: pointer;
  outline: 0;background-repeat: no-repeat;}

.base-ui2 {
  border-radius: 3px;
  font-family: "Microsoft Yahei";
  border: 4px solid rgba(255, 255, 255, 0.18);
}

.base-ui2 .ui-dialog-header {
  border-bottom: none;
}

.base-ui2 .ui-dialog-content {
  color: #666;
  font-size: 18px;
}

.base-ui2 .ui-dialog-body {
  padding-top: 0;
}

.nobg-ui {
  background: none;
  font-family: "Microsoft Yahei";
  border: none;
  box-shadow: none !important;
}

.nobg-ui2 {
  background: none;
  font-family: "Microsoft Yahei";
  border: none;
  box-shadow: none !important;
}

.nobg-ui2 .ui-dialog-header {
  border-bottom: none;
}

.nobg-ui2 .ui-dialog-close {
  top: 35px;
  right: 15px;
}

/*
 * @file: 图片轮播基础UI组件
 * @update: 2015-06-03 16:19:56
 */
/*
 * 默认图片轮播
 * @base
 */
.ui-slide {
  position: relative;
  width: auto;
  overflow: hidden;
}

.ui-slide img {
  width: 100%;
  height: 100%;
}

.ui-slide__content {
  position: relative;
  height: 100%;
  overflow: hidden;
}

.ui-slide__panel {
  position: relative;
  width: auto;
  height: 100%;
  overflow: hidden;
}

.ui-slide__panel a {
  display: block;
}

.ui-slide__prev,
.ui-slide__next {
  position: absolute;
  top: 50%;
  cursor: pointer;
}

.ui-slide__prev .ui-icon,
.ui-slide__next .ui-icon {
  font-size: 24px;
  color: #fff;
}

.ui-slide__prev {
  left: 0;
}

.ui-slide__next {
  right: 0;
}

/*
 * 点状导航的图片轮播
 * @extend: dotted
 */
.ui-slide.ext-dotted .ui-slide__nav {
  display: none;
}

/*
 * 缩略图导航公共部分
 * @extend: thumbX/thumbY
 */
.ui-slide.ext-thumbX .ui-slide__trigger.is-active .ui-slide__thumbMask, .ui-slide.ext-thumbY .ui-slide__trigger.is-active .ui-slide__thumbMask {
  border: 3px solid #288ad6;
  background: 0 0;
}

.ui-slide.ext-thumbX .ui-slide__trigger.is-active::after, .ui-slide.ext-thumbY .ui-slide__trigger.is-active::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-width: 8px;
  border-style: solid;
}

.ui-slide__thumbMask {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  background: #fff;
}

/*
 * 横向缩略图导航
 * @extend: thumbX
 */
.ui-slide.ext-thumbX .ui-slide__nav {
  *zoom: 1;
  padding-top: 15px;
  margin-right: -20px;
}

.ui-slide.ext-thumbX .ui-slide__nav:before, .ui-slide.ext-thumbX .ui-slide__nav:after {
  content: "";
  display: table;
  line-height: 0;
}

.ui-slide.ext-thumbX .ui-slide__nav:after {
  clear: both;
}

.ui-slide.ext-thumbX .ui-slide__trigger {
  position: relative;
  float: left;
  margin-right: 20px;
  width: 170px;
  height: 94px;
  cursor: pointer;
}

.ui-slide.ext-thumbX .ui-slide__trigger.is-active .ui-slide__thumbMask {
  width: 164px;
  height: 88px;
}

.ui-slide.ext-thumbX .ui-slide__trigger.is-active::after {
  top: -16px;
  left: 50%;
  margin-left: -8px;
  border-color: transparent transparent #288ad6;
}

.ui-slide.ext-thumbX .ui-slide__thumbMask {
  width: 170px;
  height: 94px;
}

/*
 * 纵向缩略图导航
 * @extend: thumbY
 */
.ui-slide.ext-thumbY {
  height: 300px;
}

.ui-slide.ext-thumbY .ui-slide__content {
  float: left;
  width: 555px;
  height: 300px;
}

.ui-slide.ext-thumbY .ui-slide__panel {
  width: 555px;
  height: 300px;
}

.ui-slide.ext-thumbY .ui-slide__nav {
  overflow: hidden;
  zoom: 1;
  padding-left: 15px;
  margin-bottom: -15px;
}

.ui-slide.ext-thumbY .ui-slide__trigger {
  position: relative;
  float: left;
  margin-bottom: 15px;
  width: 170px;
  height: 90px;
  cursor: pointer;
}

.ui-slide.ext-thumbY .ui-slide__trigger.is-active .ui-slide__thumbMask {
  width: 164px;
  height: 84px;
}

.ui-slide.ext-thumbY .ui-slide__trigger.is-active::after {
  left: -16px;
  top: 50%;
  margin-top: -8px;
  border-color: transparent #288ad6 transparent transparent;
}

.ui-slide.ext-thumbY .ui-slide__thumbMask {
  width: 170px;
  height: 90px;
}

/* Fade */
.hvr-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}

.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
  background-color: #2098D1;
  color: white;
}

/* Radial Out */
.hvr-radial-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-radial-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  border-radius: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {
  color: white;
}

.hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {
  -webkit-transform: scale(2);
  transform: scale(2);
}

/* Glow */
.hvr-glow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
}

.hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

/* Shadow */
.hvr-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
}

.hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}

/* 底部模块 - 全民健身 */
.o-hiyd-training {
  background: #333338;
  border-top: 1px solid #d3d6de;
}

.o-hiyd-training .training-box {
  *zoom: 1;
  width: 1250px;
  margin: 0 auto;
}

.o-hiyd-training .training-box:before, .o-hiyd-training .training-box:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-hiyd-training .training-box:after {
  clear: both;
}

.o-hiyd-training .training-section {
  float: left;
  width: 248px;
  padding: 20px 0 12px 50px;
}

.o-hiyd-training .training-section h2 {
  color: #797d87;
  font-size: 16px;
  font-weight: bold;
}

.o-hiyd-training .training-section ul {
  border-right: 1px solid #484950;
  padding-top: 16px;
  margin-top: -2px;
}

.o-hiyd-training .training-section ul li {
  font-size: 12px;
  line-height: 24px;
  color: #797d87;
}

.o-hiyd-training .training-section ul li a {
  color: #797d87;
}

.o-hiyd-training .training-section ul li a:hover {
  color: #f84956;
}

.o-hiyd-training .training-section ul.no-border {
  border: none;
}

.o-hiyd-footer {
  background: #2b2b2e;
  padding: 26px 0;
  min-width: 1200px;
  /* 友情链接样式 */
}

.o-hiyd-footer .friendship {
  text-align: center;
  margin: 0 auto 25px auto;
  width: 1200px;
}

.o-hiyd-footer .friendship .label {
  display: inline-block;
  background-color: #D6D7DC;
  padding: 2px 5px;
  color: #575c69;
  margin: 0px;
  font-weight: bold;
}

.o-hiyd-footer .friendship .link {
  margin: 0px;
}

.o-hiyd-footer .friendship .cont {
  overflow: hidden;
}

.o-footer-row {
  color: #666;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  width: 1200px;
  margin: 0 auto;
}

.o-footer-row a, .o-footer-row span {
  color: #666;
  font-size: 12px;
  margin: 0 10px 0 8px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.o-footer-row a:hover {
  color: #f84956;
}

.o-footer_promote {
  width: 1000px;
  margin: 0 auto;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #343434;
}

.o-footer_promote .label {
  font-weight: bold;
}

.o-header-search {
  display: none;
}

.o-header_logo {
  width: 84px;
  height: 34px;
  float: left;
  _display: inline;
}

.o-header_logo img {
  display: block;
  overflow: hidden;
  width: 100%;
  margin-top: 9px;
}

.o-header_ctrl {
  float: right;
  _display: inline;
  font-size: 12px;
}

.o-header2 {
  background-color: #202023;
  font-family: "Microsoft Yahei";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1001;
  box-shadow: 0px 2px 8px 0px rgba(1, 1, 1, 0.5);
}

.o-header2_inner {
  width: 1200px;
  height: 50px;
  margin: 0 auto;
  *zoom: 1;
}

.o-header2_inner:before, .o-header2_inner:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-header2_inner:after {
  clear: both;
}

.o-header2-nav {
  float: right;
}

.o-header2-nav .item {
  display: block;
  height: 50px;
  line-height: 50px;
  float: left;
  text-align: center;
  padding: 0 25px;
  color: #d7d7d7;
  font-size: 14px;
}

.o-header2-nav .item:hover {
  color: #e32828;
  text-decoration: none;
}

.o-header2-nav .item.selected {
  color: #e32828;
}

.o-header2-nav .item-dl {
  padding-left: 35px;
  background: url("/static/img/nav-dl.png") 10px center no-repeat;
}

.o-header2-nav .user {
  position: relative;
}

.o-header2-nav .user:hover {
  background-color: transparent;
  color: #fff;
}

.o-header2-nav .user:hover ul {
  display: block;
}

.o-header2-nav .user:hover::before {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

.o-header2-nav .user::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 17px;
  background-image: url("/static/img/icon-arrow8.png");
  overflow: hidden;
  width: 8px;
  height: 4px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  -webkit-transition: 300ms all ease;
          transition: 300ms all ease;
}

.o-header2-nav .user .name {
  height: 28px;
  line-height: 28px;
  color: #666;
  font-size: 12px;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  max-width: 150px;
}

.o-header2-nav .user .avatar {
  float: left;
  height: 28px;
  width: 28px;
  margin-right: 8px;
  font-size: 0px;
}

.o-header2-nav .user .avatar img {
  border-radius: 50%;
  width: 100%;
  height: 100%;
}

.o-header2-nav .menu ul {
  display: none;
  position: absolute;
  top: 41px;
  right: 4px;
  width: 116px;
  background-color: #FFF;
  border: 1px solid #f1f1f1;
  box-shadow: 0 0 5px #999;
}

.o-header2-nav .menu ul::before {
  content: "";
  position: absolute;
  top: -8px;
  right: 10px;
  width: 11px;
  height: 12px;
  background-image: url("/static/img/icon-arrow7.png");
}

.o-header2-nav .menu li {
  height: 32px;
  line-height: 32px;
  border-bottom: 1px solid #f1f1f1;
  position: relative;
}

.o-header2-nav .menu li a {
  display: block;
  font-size: 12px;
}

.o-header2-nav .menu li a:hover {
  background-color: #EFEFEF;
  color: #c83939;
}

.o-header2-nav .item-group {
  display: block;
  height: 50px;
  line-height: 50px;
  float: left;
  text-align: center;
  padding: 0 30px;
  color: #d7d7d7;
  font-size: 14px;
}

.o-header2-nav .item-group a, .o-header2-nav .item-group span {
  margin-right: 8px;
  margin-left: 3px;
  color: #d7d7d7;
  cursor: pointer;
}

.o-header2-nav .item-group a:hover, .o-header2-nav .item-group span:hover {
  color: #e32828;
}

.o-header2-nav div {
  float: left;
}

.o-header3 {
  background-color: #202023;
  font-family: "Microsoft Yahei";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1001;
  box-shadow: 0px 2px 8px 0px rgba(1, 1, 1, 0.5);
}

.o-header3 .o-header_logo img {
  margin-top: 26px;
}

.o-header3_inner {
  width: 1200px;
  height: 84px;
  margin: 0 auto;
  *zoom: 1;
}

.o-header3_inner:before, .o-header3_inner:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-header3_inner:after {
  clear: both;
}

.o-header3-nav {
  float: right;
}

.o-header3-nav .item {
  display: block;
  height: 84px;
  line-height: 84px;
  float: left;
  text-align: center;
  padding: 0 22px;
  color: #999999;
  font-size: 14px;
}

.o-header3-nav .item:hover {
  color: #e32828;
  text-decoration: none;
}

.o-header3-nav .item.selected {
  color: #e32828;
}

.o-header3-nav .user {
  position: relative;
}

.o-header3-nav .user:hover {
  background-color: transparent;
  color: #fff;
}

.o-header3-nav .user:hover ul {
  display: block;
}

.o-header3-nav .user:hover::before {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

.o-header3-nav .user::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 17px;
  background-image: url("/static/img/icon-arrow8.png");
  overflow: hidden;
  width: 8px;
  height: 4px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  -webkit-transition: 300ms all ease;
          transition: 300ms all ease;
}

.o-header3-nav .user .name {
  height: 28px;
  line-height: 28px;
  color: #666;
  font-size: 12px;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  max-width: 150px;
  margin-right: 6px;
}

.o-header3-nav .user .avatar {
  float: left;
  height: 28px;
  width: 28px;
  margin-right: 8px;
  font-size: 0px;
}

.o-header3-nav .user .avatar img {
  border-radius: 50%;
  width: 100%;
  height: 100%;
}

.o-header3-nav .menu ul {
  display: none;
  position: absolute;
  top: 60px;
  right: 4px;
  width: 116px;
  background-color: #FFF;
  border: 1px solid #f1f1f1;
  box-shadow: 0 0 5px #999;
}

.o-header3-nav .menu ul::before {
  content: "";
  position: absolute;
  top: -8px;
  right: 10px;
  width: 11px;
  height: 12px;
  background-image: url("/static/img/icon-arrow7.png");
}

.o-header3-nav .menu li {
  height: 32px;
  line-height: 32px;
  border-bottom: 1px solid #f1f1f1;
  position: relative;
}

.o-header3-nav .menu li a {
  display: block;
  font-size: 12px;
}

.o-header3-nav .menu li a:hover {
  background-color: #EFEFEF;
  color: #c83939;
}

.o-header3-nav .item-group {
  display: block;
  height: 50px;
  line-height: 50px;
  float: left;
  text-align: center;
  padding: 0 30px;
  color: #d7d7d7;
  font-size: 14px;
  margin-top: 16px;
}

.o-header3-nav .item-group a, .o-header3-nav .item-group span {
  margin-right: 8px;
  margin-left: 3px;
  color: #d7d7d7;
  cursor: pointer;
}

.o-header3-nav .item-group a:hover, .o-header3-nav .item-group span:hover {
  color: #e32828;
}

.o-header3-nav div {
  float: left;
}

.o-header3-nav .search-warp {
  width: 140px;
  height: 36px;
  margin: 25px 0 0 38px;
  background: #2e2e2e;
  border-radius: 5px;
  position: relative;
}

.o-header3-nav .search-warp input {
  width: 106px;
  margin-left: 9px;
  background: transparent;
  outline: none;
  border: none;
  height: 36px;
  line-height: 36px;
  color: #9b9b9b;
}

.o-header3-nav .search-warp a {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 22px;
  height: 100%;
  line-height: 36px;
}

.o-header3-nav .search-warp a:before {content: "";
  width: 14px;
  height: 14px;
  display: inline-block;background-repeat: no-repeat;}

.ui-calendar-date {
  border: 0;
  box-shadow: none;
  border-collapse: separate;
  *border-collapse: collapse;
  border-spacing: 0;
}

table.ui-calendar-date tr {
  border: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  background: #fff;
}

.ui-calendar-date td, .ui-calendar-date th {
  width: 34px;
  height: 30px;
  line-height: 30px;
  padding: 0;
  margin: 0;
  text-align: center;
  border: 0;
  cursor: pointer;
}

.ui-calendar-date .ui-calendar-day-column {
  background: #868686;
  color: #cacaca;
}

.ui-calendar-date .ui-calendar-day-column th {
  border-color: #868686;
  cursor: default;
}

.ui-calendar-date .ui-calendar-date-column .ui-calendar-day-0, .ui-calendar-date .ui-calendar-date-column .ui-calendar-day-6 {
  color: #db693d;
}

.ui-calendar-date .ui-calendar-date-column td:hover {
  cursor: pointer;
  background-color: #FFDEB8;
}

.ui-calendar-date .ui-calendar-date-column td.previous-month, .ui-calendar-date .ui-calendar-date-column td.next-month {
  color: #ccc;
}

.ui-calendar-date .ui-calendar-date-column td.previous-month:hover, .ui-calendar-date .ui-calendar-date-column td.next-month:hover {
  cursor: default;
  border-color: #fff;
}

.ui-calendar-date .ui-calendar-date-column td.focused-element {
  color: #fff;
  background: #f57403;
}

.ui-calendar-date .ui-calendar-date-column td.disabled-element {
  background: #e2e2e2;
  color: #c3c3c3;
}

.ui-calendar-date .ui-calendar-date-column td.disabled-element:hover {
  border-color: #fff;
}

.ui-calendar-month {
  border: 0;
  box-shadow: none;
  border-collapse: separate;
  *border-collapse: collapse;
  border-spacing: 0;
}

table.ui-calendar-month tr {
  border: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  background: #fff;
}

.ui-calendar-month .ui-calendar-month-column td {
  width: 79px;
  height: 36px;
  line-height: 36px;
  padding: 0;
  margin: 0;
  text-align: center;
  border: 0;
  cursor: pointer;
}

.ui-calendar-month .ui-calendar-month-column td:hover {
  cursor: pointer;
  background-color: #FFDEB8;
}

.ui-calendar-month .ui-calendar-month-column td.focused-element {
  color: #fff;
  background: #f57403;
}

.ui-calendar-month .ui-calendar-month-column td.disabled-element {
  background: #e2e2e2;
  color: #c3c3c3;
}

.ui-calendar-month .ui-calendar-month-column td.disabled-element:hover {
  border-color: #fff;
}

.ui-calendar-year {
  border: 0;
  box-shadow: none;
  border-collapse: separate;
  *border-collapse: collapse;
  border-spacing: 0;
}

table.ui-calendar-year tr {
  border: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  background: #fff;
}

.ui-calendar-year .ui-calendar-year-column td {
  width: 79px;
  height: 36px;
  line-height: 36px;
  padding: 0;
  margin: 0;
  text-align: center;
  border: 0;
  cursor: pointer;
}

.ui-calendar-year .ui-calendar-year-column td:hover {
  cursor: pointer;
  background-color: #FFDEB8;
}

.ui-calendar-year .ui-calendar-year-column td.focused-element {
  color: #fff;
  background: #f57403;
}

.ui-calendar-year .ui-calendar-year-column td.disabled-element {
  background: #e2e2e2;
  color: #c3c3c3;
}

.ui-calendar-year .ui-calendar-year-column td.disabled-element:hover {
  border-color: #fff;
}

.ui-calendar {
  position: absolute;
  font: 14px/16px arial,'Hiragino Sans GB',sans-serif;
  font-weight: 700;
  background: #f9f9f9;
  border-spacing: 0;
  border: 1px solid #dadada;
  box-shadow: 1px 1px 9px #ccc;
  text-align: center;
  width: 238px;
  z-index: 10;
  color: #666;
}

.ui-calendar .ui-calendar-date, .ui-calendar .ui-calendar-month, .ui-calendar .ui-calendar-year {
  border: 0;
  box-shadow: none;
  border-collapse: separate;
  *border-collapse: collapse;
  border-spacing: 0;
  padding: 5px;
}

.ui-calendar .ui-calendar-pannel {
  height: 30px;
  line-height: 30px;
  padding: 0;
  margin: 0;
  background: #f9f9f9;
}

.ui-calendar .ui-calendar-pannel:after, .ui-calendar .ui-calendar-pannel:before {
  display: table;
  line-height: 0;
  content: "";
}

.ui-calendar .ui-calendar-pannel:after {
  clear: both;
}

.ui-calendar .ui-calendar-control {
  display: inline-block;
  float: left;
  width: 13%;
  *display: inline;
  *width: 20px;
  *zoom: 1;
  cursor: pointer;
  font-weight: 400;
}

.ui-calendar .ui-calendar-control:hover {
  background-color: #efefee;
}

.ui-calendar .ui-calendar-pannel .month, .ui-calendar .ui-calendar-pannel .year {
  width: 24%;
  font-weight: 700;
}

.ui-calendar-container {
  border-bottom: 1px solid #dadada;
  background-color: #fff;
}

.ui-calendar td.disabled-element {
  cursor: not-allowed !important;
}

/* 偶家日历样式 */
.o-calendar {
  box-shadow: 0 0 0 #ccc;
  width: 305px;
  border: none;
  background-color: transparent;
  z-index: 1088;
}

.o-calendar .ui-calendar-pannel {
  background-color: transparent;
}

.o-calendar .ui-calendar-day-column {
  background-color: transparent;
  color: #333;
  opacity: 0.5;
}

.o-calendar .ui-calendar-container {
  border-bottom: none;
}

.o-calendar th, .o-calendar td {
  width: 42px;
  line-height: 38px;
  height: 38px;
}

.o-calendar td:hover {
  background-color: #F2F2F2;
}

.o-calendar .ui-calendar-date-column td:hover, .o-calendar .ui-calendar-year-column td:hover, .o-calendar .ui-calendar-month-column td:hover {
  background-color: #F2F2F2;
}

.o-calendar .ui-calendar-date-column td.focused-element, .o-calendar .ui-calendar-year-column td.focused-element, .o-calendar .ui-calendar-month-column td.focused-element {
  background-color: #F2F2F2;
  color: #fc6771;
}

.o-calendar .ui-calendar-year-column td, .o-calendar .ui-calendar-month-column td {
  width: 98px;
}

.calendar-wrap {
  width: 345px;
  height: 324px;
}

/* 图片列表 */
.mod-pic {
  *zoom: 1;
}

.mod-pic:before, .mod-pic:after {
  content: "";
  display: table;
  line-height: 0;
}

.mod-pic:after {
  clear: both;
}

.mod-pic li {
  float: left;
  width: 224px;
  margin-left: 20px;
  margin-bottom: 20px;
}

.mod-pic li a {
  display: block;
}

.mod-pic li a:hover {
  opacity: 0.8;
  /* filter: alpha(opacity=80); */
  filter: alpha(opacity=80);
}

.mod-pic li img {
  width: 100%;
  margin-bottom: 10px;
}

.mod-pic li em {
  display: block;
  line-height: 1.1em;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.mod-pic li .name {
  font-size: 14px;
  color: #fff;
  margin-bottom: 10px;
}

.mod-pic li .title {
  font-size: 12px;
  color: #C5C5C7;
}

/*
 * 新分页码
 * 默认是水平居中，可以调样式实现左对齐或右对齐
 * */
.mod-page {
  width: 100%;
  clear: both;
  font-size: 0;
  text-align: center;
  padding: 50px 0 35px 0;
}

.mod-page a,
.mod-page span,
.mod-page input,
.mod-page button {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  white-space: nowrap;
  font-size: 12px;
}

.mod-page a {
  margin: 2px;
  border: 1px solid #d8d8d8;
  color: #666;
  height: 28px;
  line-height: 26px;
  padding: 0 9px;
  background-color: #FFF;
}

.mod-page a:hover {
  text-decoration: none;
  color: #666;
  border-color: #EB5050;
}

.mod-page a.current {
  cursor: default;
  font-weight: 700;
  border-color: #2791CA;
  color: #EB5050 !important;
  border-color: #EB5050;
}

/* 增加类round，页码非IE下实现圆角效果 */
.mod-page.round a,
.mod-page.round ins input {
  border-radius: 3px;
}

/* 增加子组件 */
.mod-page span {
  line-height: 26px;
  margin: 2px;
  color: #666;
}

.mod-page ins {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  margin-left: 25px;
}

.mod-page ins span {
  margin: 2px 3px;
}

.mod-page ins input {
  width: 3em;
  height: 26px;
  line-height: 24px;
  padding: 4px;
  margin: 0 4px;
  border: 1px solid #D8D8D8;
  text-align: center;
}

.mod-page ins input:focus {
  border: 1px solid #EB5050;
}

.mod-page ins button {
  margin: 2px 0;
  height: 26px;
  border: none;
  background-color: #DADADA;
  color: #6D6D6D;
  width: 64px;
  text-align: center;
  cursor: pointer;
  margin-left: 8px;
}

.mod-page ins button:hover {
  opacity: 0.8;
}

.mod-page em {
  color: #999;
}

/* 面包屑 */
.mod-crumbs {
  font-family: Tahoma, sans-serif;
}

/* 通用按钮样式 */
.ui-button {
  display: inline-block;
  height: 48px;
  line-height: 48px;
  text-align: center;
  width: 80px;
  text-align: center;
  font-size: 18px;
  color: #fff;
  background-color: #F65D5D;
}

.ui-button:hover {
  opacity: 0.8;
}

/* 通用视频列表 */
.m-video-list ul {
  *zoom: 1;
}

.m-video-list ul:before, .m-video-list ul:after {
  content: "";
  display: table;
  line-height: 0;
}

.m-video-list ul:after {
  clear: both;
}

.m-video-list li {
  float: left;
  width: 224px;
  height: 126px;
  margin-left: 20px;
  overflow: hidden;
}

.m-video-list li a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

.m-video-list li a:hover {
  opacity: 0.8;
}

.m-video-list li a:hover .video-play {
  display: block;
}

.m-video-list li a .video-play {width: 28px;
  height: 28px;
  
  
  
  position: absolute;
  right: 10px;
  bottom: 7px;
  z-index: 5;
  display: none;background-repeat: no-repeat;}

.m-video-list li a .video-play:hover {background-repeat: no-repeat;}

.m-video-list li .mask {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 53px;
  background-image: url("/static/img/bg-video-mask.png");
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

.m-video-list li .title {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  overflow: hidden;
  font-size: 12px;
  color: #fff;
  height: 30px;
  line-height: 30px;
  z-index: 5;
  font-family: Tahoma, "Microsoft YaHei", sans-serif;
  overflow: hidden;
}

.m-video-list li .title em {
  padding: 0 50px 0 8px;
  display: block;
}

.m-video-list li .pic {
  display: block;
  overflow: hidden;
}

.m-video-list li .pic img {
  width: 100%;
  display: block;
  overflow: hidden;
}

.m-video-list li.big {
  width: 468px;
  height: 272px;
}

.m-video-list li.big .mask {
  height: 113px;
  background-image: url("/static/img/bg-video-mask1.png");
}

.m-video-list li.big .title {
  font-size: 18px;
  line-height: 50px;
  height: 50px;
}

/* 通用tab结构 */
.m-tab-hd .trigger {
  float: right;
  *zoom: 1;
  padding-top: 10px;
  padding-right: 2px;
}

.m-tab-hd .trigger:before, .m-tab-hd .trigger:after {
  content: "";
  display: table;
  line-height: 0;
}

.m-tab-hd .trigger:after {
  clear: both;
}

.m-tab-hd .trigger a {
  position: relative;
  float: left;
  padding: 0 40px;
  cursor: pointer;
  font-size: 12px;
  color: #999999;
  line-height: 20px;
}

.m-tab-hd .trigger a .gap {
  content: "/";
  position: absolute;
  right: -1px;
  top: 0;
  color: #999;
  font-size: 14px;
}

.m-tab-hd .trigger a:hover {
  color: #c83939;
}

.m-tab-hd .trigger a.active {
  color: #333;
}

.m-tab-hd .trigger a.active .arrow {position: absolute;
  content: "";
  display: block;
  width: 55px;
  height: 6px;
  
  bottom: -10px;
  left: 50%;
  margin-left: -27.5px;background-repeat: no-repeat;}

.o-seo-bottom {
  margin: 10px 0;
}

.o-seo-bottom.seo-bb-detail .o-exercise-relative .list-exercise li {
  width: 178px;
}

.o-seo-bottom.seo-bb-detail .o-exercise-recommend .tab-bd li {
  width: 228px;
}

.o-seo-bottom .o-exercise-relative {
  padding: 26px;
  background: #FFF;
}

.o-seo-bottom .o-exercise-relative h2 {
  color: #333333;
  font-size: 20px;
  font-weight: bold;
}

.o-seo-bottom .o-exercise-relative .list-exercise {
  *zoom: 1;
}

.o-seo-bottom .o-exercise-relative .list-exercise:before, .o-seo-bottom .o-exercise-relative .list-exercise:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-seo-bottom .o-exercise-relative .list-exercise:after {
  clear: both;
}

.o-seo-bottom .o-exercise-relative .list-exercise li {
  float: left;
  text-align: left;
  line-height: 1;
  margin-top: 20px;
  padding: 0 10px;
  width: 188px;
}

.o-seo-bottom .o-exercise-relative .list-exercise a {
  font-size: 14px;
  color: #666666;
  display: block;
}

.o-seo-bottom .o-exercise-relative .list-exercise a:hover {
  color: #e94646;
}

.o-seo-bottom .o-exercise-recommend {
  margin-top: 10px;
  background: #FFF;
  padding: 18px 26px 26px 26px;
}

.o-seo-bottom .o-exercise-recommend .tab-hd ul {
  *zoom: 1;
}

.o-seo-bottom .o-exercise-recommend .tab-hd ul:before, .o-seo-bottom .o-exercise-recommend .tab-hd ul:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-seo-bottom .o-exercise-recommend .tab-hd ul:after {
  clear: both;
}

.o-seo-bottom .o-exercise-recommend .tab-hd li {
  float: left;
  margin-right: 36px;
}

.o-seo-bottom .o-exercise-recommend .tab-hd li.active a {
  color: #e94646;
  border-bottom: 2px solid #e94646;
}

.o-seo-bottom .o-exercise-recommend .tab-hd a {
  display: block;
  line-height: 30px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
  border-bottom: 2px solid transparent;
}

.o-seo-bottom .o-exercise-recommend .tab-bd {
  margin-top: 10px;
}

.o-seo-bottom .o-exercise-recommend .tab-bd .tab-panel {
  display: none;
}

.o-seo-bottom .o-exercise-recommend .tab-bd .tab-panel.active {
  display: block;
}

.o-seo-bottom .o-exercise-recommend .tab-bd .tab-panel p {
  line-height: 72px;
  text-align: center;
  font-size: 12px;
}

.o-seo-bottom .o-exercise-recommend .tab-bd ul {
  *zoom: 1;
}

.o-seo-bottom .o-exercise-recommend .tab-bd ul:before, .o-seo-bottom .o-exercise-recommend .tab-bd ul:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-seo-bottom .o-exercise-recommend .tab-bd ul:after {
  clear: both;
}

.o-seo-bottom .o-exercise-recommend .tab-bd li {
  float: left;
  width: 286px;
}

.o-seo-bottom .o-exercise-recommend .tab-bd a {
  display: block;
  font-size: 14px;
  line-height: 24px;
  height: 24px;
  color: #333333;
  position: relative;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  padding: 0 10px;
}

.o-seo-bottom .o-exercise-recommend .tab-bd a:hover {
  color: #e94646;
}

.o-seo-bottom .o-exercise-recommend .tab-bd a:hover:before {
  background: #e94646;
}

.o-seo-bottom .o-exercise-recommend .tab-bd a:before {
  content: '';
  display: block;
  width: 3px;
  height: 3px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -2px;
  background: #4e5156;
}

.o-seo-side.seo-artical .o-exercise-relative {
  padding: 0 0 16px 0;
}

.o-seo-side.seo-artical .o-exercise-recommend {
  padding: 16px 0;
  border-top: 10px solid #fafafa;
}

.o-seo-side .o-exercise-relative {
  margin-top: 10px;
  background: #FFF;
  padding: 16px 20px;
}

.o-seo-side .o-exercise-relative h2 {
  font-size: 18px;
  font-weight: bold;
  border-left: 3px solid #e13030;
  padding-left: 10px;
  margin-bottom: 10px;
}

.o-seo-side .o-exercise-relative .tip {
  font-size: 14px;
  color: #333333;
}

.o-seo-side .o-exercise-relative .tip a {
  color: #e94646;
}

.o-seo-side .o-exercise-relative .list-exercise {
  *zoom: 1;
}

.o-seo-side .o-exercise-relative .list-exercise:before, .o-seo-side .o-exercise-relative .list-exercise:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-seo-side .o-exercise-relative .list-exercise:after {
  clear: both;
}

.o-seo-side .o-exercise-relative .list-exercise li {
  float: left;
  line-height: 16px;
  height: 16px;
  border-left: 1px solid #dddddd;
  margin-top: 13px;
  padding: 0 10px;
  width: 33%;
  overflow: hidden;
}

.o-seo-side .o-exercise-relative .list-exercise li.no-border {
  border: none;
}

.o-seo-side .o-exercise-relative .list-exercise a {
  font-size: 14px;
  color: #666666;
  display: block;
}

.o-seo-side .o-exercise-relative .list-exercise a:hover {
  color: #e94646;
}

.o-seo-side .o-exercise-recommend {
  margin-top: 10px;
  background: #FFF;
  padding: 10px 20px;
}

.o-seo-side .o-exercise-recommend h2 {
  font-size: 18px;
  font-weight: bold;
  border-left: 3px solid #e13030;
  padding-left: 10px;
  margin-bottom: 10px;
}

.o-seo-side .o-exercise-recommend ul {
  *zoom: 1;
}

.o-seo-side .o-exercise-recommend ul:before, .o-seo-side .o-exercise-recommend ul:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-seo-side .o-exercise-recommend ul:after {
  clear: both;
}

.o-seo-side .o-exercise-recommend li {
  float: left;
  width: 50%;
}

.o-seo-side .o-exercise-recommend a {
  display: block;
  font-size: 14px;
  line-height: 24px;
  height: 24px;
  color: #666;
  position: relative;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  padding: 0 10px;
}

.o-seo-side .o-exercise-recommend a:hover {
  color: #e94646;
}

.o-seo-side .o-exercise-recommend a:hover:before {
  background: #e94646;
}

.o-seo-side .o-exercise-recommend a:before {
  content: '';
  display: block;
  width: 2px;
  height: 2px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -2px;
  background: #878B9F;
}

body, html {
  font-family: "Microsoft Yahei", Helvetica, Tahoma, "SimSun", sans-serif;
}

body a, html a {
  text-decoration: none !important;
  color: #8c8c8c;
}

* {
  box-sizing: border-box;
}

.o-index2 .section-top {
  min-width: 1180px;
  height: 460px;
  background: url(/static/img/index2/index-bg.jpg) no-repeat center;
  margin: 0 auto;
  text-align: center;
  position: relative;
}

.o-index2 .section img {
  width: 100%;
  display: block;
  overflow: hidden;
}

.o-index2 .section-main {
  width: 1180px;
  margin: 0 auto;
  *zoom: 1;
}

.o-index2 .section-main:before, .o-index2 .section-main:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-index2 .section-main:after {
  clear: both;
}

.o-index2 .section-hd {
  *zoom: 1;
  padding: 25px 0 14px 0;
  border-bottom: 1px solid #eeeeee;
  font-size: 12px;
}

.o-index2 .section-hd:before, .o-index2 .section-hd:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-index2 .section-hd:after {
  clear: both;
}

.o-index2 .section-hd h2 {
  height: 40px;
  text-indent: -999px;
  float: left;
}

.o-index2 .section-hd h2.nav1 {
  background: url(/static/img/index2/nav1.png) no-repeat;
}

.o-index2 .section-hd h2.nav2 {
  background: url(/static/img/index2/nav2.png) no-repeat;
}

.o-index2 .section-hd h2.nav3 {
  background: url(/static/img/index2/nav3.png) no-repeat;
}

.o-index2 .section-hd h2.nav1 {
  width: 98px;
}

.o-index2 .section-hd h2.nav2 {
  width: 178px;
}

.o-index2 .section-hd h2.nav3 {
  width: 250px;
}

.o-index2 .section-hd ul {
  *zoom: 1;
  float: right;
  margin-top: 10px;
}

.o-index2 .section-hd ul:before, .o-index2 .section-hd ul:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-index2 .section-hd ul:after {
  clear: both;
}

.o-index2 .section-hd li {
  border-right: 1px solid #d4d4d4;
  float: left;
}

.o-index2 .section-hd li.no-border {
  border: none;
}

.o-index2 .section-hd a {
  display: block;
  padding: 0 30px;
  color: #666;
}

.o-index2 .section-hd a:hover {
  color: #e32828;
}

.o-index2 .section-bd {
  margin-right: -20px;
  *zoom: 1;
}

.o-index2 .section-bd:before, .o-index2 .section-bd:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-index2 .section-bd:after {
  clear: both;
}

.o-index2 .box {
  width: 380px;
  float: left;
  margin-right: 20px;
}

.o-index2 .box .box-hd {
  position: relative;
}

.o-index2 .box .box-hd h2 {
  font-size: 18px;
  font-weight: bold;
  border-left: 3px solid #e13030;
  padding-left: 10px;
}

.o-index2 .box .box-hd .btn-more {
  position: absolute;
  top: 3px;
  right: 0;
  color: #666;
  font-size: 12px;
}

.o-index2 .box .box-hd .btn-more:hover {
  color: #e32828;
}

.o-index2 .box .box-bd {
  margin-top: 16px;
}

.o-index2 .box-common1 ul {
  *zoom: 1;
  margin-right: -10px;
  font-size: 12px;
}

.o-index2 .box-common1 ul:before, .o-index2 .box-common1 ul:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-index2 .box-common1 ul:after {
  clear: both;
}

.o-index2 .box-common1 li {
  margin-right: 10px;
  width: 185px;
  height: 185px;
  float: left;
  position: relative;
  border-radius: 2px;
  overflow: hidden;
  text-align: center;
}

.o-index2 .box-common1 li.first {
  width: 380px;
  height: 215px;
  margin-bottom: 10px;
  text-align: left;
}

.o-index2 .box-common1 li.first span {
  display: block;
}

.o-index2 .box-common1 li a {
  display: block;
  width: 100%;
  height: 100%;
  color: #FFFFFF;
}

.o-index2 .box-common1 li a:hover {
  opacity: 0.8;
  /* filter: alpha(opacity=80); */
  filter: alpha(opacity=80);
}

.o-index2 .box-common1 li img {
  width: 100%;
  overflow: hidden;
}

.o-index2 .box-common1 li span {
  position: absolute;
  top: 6px;
  left: 6px;
  height: 30px;
  line-height: 30px;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 2px;
  padding: 0 26px 0 42px;
  display: none;
}

.o-index2 .box-common1 li .icon-clock {
  position: absolute;
  top: 8px;
  left: 10px;
}

.o-index2 .box-common1 li .mask {
  background: url(/static/img/index2/mask.png);
  position: absolute;
  bottom: 0;
  left: 0;
  height: 137px;
  width: 100%;
  padding-top: 114px;
}

.o-index2 .box-common1 li .mask h2 {
  font-weight: bold;
  padding: 0 10px;
}

.o-index2 .box-common2 ul:first-child {
  margin-bottom: 46px;
}

.o-index2 .box-common2 li {
  margin-bottom: 16px;
  font-size: 12px;
  color: #999999;
}

.o-index2 .box-common2 li.pic-right, .o-index2 .box-common2 li.pic-left {
  height: 82px;
  overflow: hidden;
}

.o-index2 .box-common2 li.pic-right h3, .o-index2 .box-common2 li.pic-left h3 {
  float: none;
  width: 60%;
  line-height: 22px;
  height: auto;
  font-weight: bold;
}

.o-index2 .box-common2 li.pic-right p, .o-index2 .box-common2 li.pic-left p {
  width: 60%;
  line-height: 18px;
}

.o-index2 .box-common2 li.pic-right a:hover, .o-index2 .box-common2 li.pic-left a:hover {
  color: #666666;
  opacity: 0.8;
}

.o-index2 .box-common2 li.pic-right a:hover h3, .o-index2 .box-common2 li.pic-left a:hover h3 {
  color: #666666;
}

.o-index2 .box-common2 li.pic-right .img-wrap {
  float: right;
}

.o-index2 .box-common2 li.pic-left {
  margin-top: 30px;
}

.o-index2 .box-common2 li.pic-left h3 {
  margin-left: 150px;
}

.o-index2 .box-common2 li.pic-left p {
  margin-left: 150px;
}

.o-index2 .box-common2 li.pic-left .img-wrap {
  float: left;
}

.o-index2 .box-common2 li a {
  display: block;
  *zoom: 1;
}

.o-index2 .box-common2 li a:before, .o-index2 .box-common2 li a:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-index2 .box-common2 li a:after {
  clear: both;
}

.o-index2 .box-common2 li a:hover {
  color: #ab2b2b;
}

.o-index2 .box-common2 li a:hover h3 {
  color: #ab2b2b;
}

.o-index2 .box-common2 li h3 {
  color: #666666;
  font-size: 14px;
  width: 80%;
  float: left;
  overflow: hidden;
  height: 16px;
  line-height: 16px;
}

.o-index2 .box-common2 li span {
  float: right;
  line-height: 16px;
}

.o-index2 .box-common2 li .img-wrap {
  width: 143px;
  height: 82px;
}

.o-index2 .box-common2 li .img-wrap img {
  width: 100%;
  display: block;
  overflow: hidden;
}

.o-index2 .box-common3 {
  height: 430px;
}

.o-index2 .box-common3 li {
  color: #999;
  font-size: 12px;
  padding-bottom: 16px;
  margin-bottom: 18px;
  border-bottom: 1px solid #eeeeee;
}

.o-index2 .box-common3 li a {
  display: block;
}

.o-index2 .box-common3 li a:hover {
  opacity: 0.8;
}

.o-index2 .box-common3 li .img-wrap {
  width: 128px;
  height: 70px;
  overflow: hidden;
  float: left;
  display: inline-block;
}

.o-index2 .box-common3 li .img-wrap img {
  width: 100%;
  overflow: hidden;
}

.o-index2 .box-common3 li h2 {
  font-size: 14px;
  height: 16px;
  font-weight: bold;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #666666;
  margin-left: 142px;
}

.o-index2 .box-common3 li .row {
  margin: 12px 0 0 142px;
}

.o-index2 .box-common3 li .row .col1 {
  display: inline-block;
  width: 116px;
}

.o-index2 .box-common3 li .row2 {
  font-size: 14px;
  color: #666666;
}

.o-index2 .box-common3 li .row2 .icon-wrap {
  display: inline-block;
  height: 14px;
  position: relative;
  top: 2px;
}

.o-index2 .box-common3 li .row2 .icon-wrap .inner {
  display: inline-block;
  height: 14px;
}

.o-index2 .box-common3 li .row2 .water {width: 82px;background-repeat: repeat-x}

.o-index2 .box-common3 li .row2 .water .inner {background-repeat: repeat-x}

.o-index2 .box-common3 li .row2 .star {width: 85px;background-repeat: repeat-x}

.o-index2 .box-common3 li .row2 .star .inner {background-repeat: repeat-x}

.o-index2 .box-tagList .tag-list-hd {
  overflow: hidden;
  border-bottom: 1px solid #eee;
}

.o-index2 .box-tagList .tag-list-hd li {
  float: left;
  margin-right: 12px;
  margin-bottom: 10px;
  line-height: 22px;
  padding: 2px 7px;
  display: block;
  font-size: 12px;
  border: 1px solid #f87163;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  color: #f87163;
  background-color: #fff9f9;
  -webkit-transition: all 200ms ease;
          transition: all 200ms ease;
}

.o-index2 .box-tagList .tag-list-hd li a {
  color: inherit;
}

.o-index2 .box-tagList .tag-list-hd li.current a {
  color: #e33d3a;
}

.o-index2 .box-tagList .tag-list-hd li:hover {
  background-color: #f87163;
  color: #fff;
}

.o-index2 .box-tagList .tag-list-bd {
  padding-top: 8px;
}

.o-index2 .box-tagList .tag-list-bd ul {
  display: none;
}

.o-index2 .box-tagList .tag-list-bd ul.bd-show {
  display: block;
}

.o-index2 .box-tagList .tag-list-bd li {
  font-size: 14px;
  line-height: 30px;
  color: #666;
  overflow: hidden;
}

.o-index2 .box-tagList .tag-list-bd li a {
  float: left;
  width: 320px;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.o-index2 .box-tagList .tag-list-bd li a:hover {
  color: #e32828;
}

.o-index2 .box-tagList .tag-list-bd li em {
  float: right;
  font-size: 12px;
  text-align: right;
}

.o-index2 .section-row1, .o-index2 .section-row2 {
  *zoom: 1;
  margin-top: 17px;
}

.o-index2 .section-row1:before, .o-index2 .section-row1:after, .o-index2 .section-row2:before, .o-index2 .section-row2:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-index2 .section-row1:after, .o-index2 .section-row2:after {
  clear: both;
}

.o-index2 .section-mix {
  margin-top: 34px;
}

.o-index2 .section-mix .box2 ul:first-child {
  margin-bottom: 46px;
}

.o-index2 .section-mix .box2 li {
  *zoom: 1;
  margin-bottom: 16px;
  font-size: 12px;
  color: #999999;
}

.o-index2 .section-mix .box2 li:before, .o-index2 .section-mix .box2 li:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-index2 .section-mix .box2 li:after {
  clear: both;
}

.o-index2 .section-mix .box2 li:first-child {
  height: 80px;
  overflow: hidden;
}

.o-index2 .section-mix .box2 li:first-child h3 {
  float: none;
  width: 60%;
  line-height: 22px;
  height: auto;
}

.o-index2 .section-mix .box2 li:first-child p {
  width: 60%;
  line-height: 18px;
}

.o-index2 .section-mix .box2 li:first-child .img-wrap {
  float: right;
}

.o-index2 .section-mix .box2 li a {
  display: block;
}

.o-index2 .section-mix .box2 li a:hover {
  opacity: 0.8;
  /* filter: alpha(opacity=80); */
  filter: alpha(opacity=80);
}

.o-index2 .section-mix .box2 li h3 {
  color: #666666;
  font-size: 14px;
  width: 80%;
  float: left;
  overflow: hidden;
  height: 16px;
  line-height: 16px;
}

.o-index2 .section-mix .box2 li span {
  float: right;
}

.o-index2 .section-mix .box4 {
  position: relative;
  top: -34px;
}

.o-index2 .section-mix .box4 .row1 {
  background: url(/static/img/index2/down-logo.png) center 34px no-repeat #f8f8f8;
  height: 289px;
  *zoom: 1;
  padding: 141px 30px 0;
}

.o-index2 .section-mix .box4 .row1:before, .o-index2 .section-mix .box4 .row1:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-index2 .section-mix .box4 .row1:after {
  clear: both;
}

.o-index2 .section-mix .box4 .btn-download-wrap {
  float: left;
  width: 168px;
}

.o-index2 .section-mix .box4 .qr-code {
  float: right;
  width: 105px;
  height: 105px;
  text-align: center;
}

.o-index2 .section-mix .box4 .qr-code img {
  display: block;
  width: 100%;
  overflow: hidden;
}

.o-index2 .section-mix .box4 .qr-code p {
  font-size: 14px;
  color: #999999;
  margin-top: 10px;
}

.o-index2 .section-mix .box4 .btn-download {
  display: block;
  height: 45px;
  line-height: 45px;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  font-size: 14px;
  color: #FFF;
  text-align: left;
  -webkit-transition: background 200ms ease;
          transition: background 200ms ease;
}

.o-index2 .section-mix .box4 .btn-download.btn-ios {
  background: #000;
  background: rgba(0, 0, 0, 0.6);
  padding-left: 64px;
}

.o-index2 .section-mix .box4 .btn-download.btn-ios:before {content: "";
  position: absolute;
  width: 22px;
  height: 27px;
  top: 9px;
  left: 18px;background-repeat: no-repeat;}

.o-index2 .section-mix .box4 .btn-download.btn-ios:hover {
  background: rgba(0, 0, 0, 0.8);
}

.o-index2 .section-mix .box4 .btn-download.btn-andirod {
  background: #419c32;
  background: rgba(65, 156, 50, 0.6);
  padding-left: 55px;
  margin-top: 13px;
}

.o-index2 .section-mix .box4 .btn-download.btn-andirod:before {content: "";
  position: absolute;
  width: 24px;
  height: 28px;
  top: 9px;
  left: 18px;background-repeat: no-repeat;}

.o-index2 .section-mix .box4 .btn-download.btn-andirod:hover {
  background: rgba(65, 156, 50, 0.8);
}

.o-index2 .section-mix .box4 .row2 {
  padding: 38px 25px 15px 25px;
  background: #fff;
  margin-bottom: 10px;
  *zoom: 1;
}

.o-index2 .section-mix .box4 .row2:before, .o-index2 .section-mix .box4 .row2:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-index2 .section-mix .box4 .row2:after {
  clear: both;
}

.o-index2 .section-mix .box4 .row2 h3 {
  font-size: 14px;
  color: #333333;
  font-weight: bold;
  margin-bottom: 15px;
}

.o-index2 .section-mix .box4 .row2 .fl {
  float: left;
}

.o-index2 .section-mix .box4 .row2 .fl span {
  width: 110px;
  height: 110px;
  display: block;
  margin-left: 7px;
}

.o-index2 .section-mix .box4 .row2 .fl img {
  display: block;
  overflow: hidden;
  width: 100%;
}

.o-index2 .section-mix .box4 .row2 .fr {
  float: right;
  width: 160px;
}

.o-index2 .section-mix .box4 .row2 .fr p {
  color: #999999;
  font-size: 14px;
  margin-bottom: 25px;
}

.o-index2 .section-mix .box4 .row2 .fr span {
  display: block;
  *zoom: 1;
}

.o-index2 .section-mix .box4 .row2 .fr span:before, .o-index2 .section-mix .box4 .row2 .fr span:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-index2 .section-mix .box4 .row2 .fr span:after {
  clear: both;
}

.o-index2 .section-mix .box4 .row2 .fr a {
  text-indent: -9999px;
  width: 62px;
  height: 62px;
  float: left;
  margin-right: 16px;
  -webkit-transition: opacity 0.2s ease;
          transition: opacity 0.2s ease;
  opacity: 1;
}

.o-index2 .section-mix .box4 .row2 .fr a:hover {
  opacity: 0.85;
}

.o-index2 .section-mix .box4 .row2 .fr .link-weibo {
  background: url(/static/img/login/login-wb.png) no-repeat;
}

.o-index2 .section-mix .box4 .row2 .fr .link-qq {
  background: url(/static/img/login/login-qq.png) no-repeat;
}

.o-index2 .section-course {
  background: #f8f8f8;
}

.o-index2 .section-course .box1 li {
  margin-right: 10px;
  width: 100%;
  height: 190px;
  position: relative;
  border-radius: 2px;
  overflow: hidden;
  font-size: 14px;
}

.o-index2 .section-course .box1 li:first-child {
  margin-bottom: 16px;
}

.o-index2 .section-course .box1 li a {
  display: block;
  width: 100%;
  height: 100%;
  color: #FFFFFF;
}

.o-index2 .section-course .box1 li a:hover {
  opacity: 0.8;
  /* filter: alpha(opacity=80); */
  filter: alpha(opacity=80);
}

.o-index2 .section-course .box1 li .icon-clock {
  position: absolute;
  top: 8px;
  left: 10px;
}

.o-index2 .section-course .box1 li .mask {
  background: url(/static/img/index2/mask.png);
  position: absolute;
  bottom: 0;
  left: 0;
  height: 137px;
  width: 100%;
  padding-top: 114px;
}

.o-index2 .section-course .box1 li .mask h2 {
  font-weight: bold;
  padding: 0 10px;
}

.o-index2 .section-course .box3 .plan-hot {
  display: block;
  width: 100%;
  height: 150px;
  background: url(/static/img/index2/make-plan.jpg);
  border-radius: 2px;
  cursor: pointer;
}

.o-index2 .section-course .box3 .plan-hot:hover {
  opacity: 0.8;
  /* filter: alpha(opacity=80); */
  filter: alpha(opacity=80);
}

.o-index2 .section-course .box3 p {
  font-size: 12px;
  color: #f0922e;
  margin-top: 12px;
}

.o-index2 .section-course .box3 p em {
  font-size: 24px;
}

.o-index2 .section-course .box3 ul {
  *zoom: 1;
  margin-right: -10px;
}

.o-index2 .section-course .box3 ul:before, .o-index2 .section-course .box3 ul:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-index2 .section-course .box3 ul:after {
  clear: both;
}

.o-index2 .section-course .box3 li {
  float: left;
  margin: 10px 10px 0 0;
  width: 120px;
  height: 94px;
  border-radius: 2px;
  overflow: hidden;
}

.o-index2 .section-course .box3 li a {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}

.o-index2 .section-course .box3 li a:hover {
  opacity: 0.8;
  /* filter: alpha(opacity=80); */
  filter: alpha(opacity=80);
}

.o-index2 .section-course .box3 li .img-wrap {
  width: 100%;
  height: 100%;
}

.o-index2 .section-course .box3 li h2 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 94px;
  text-align: center;
  font-size: 24px;
  color: #FFFFFF;
  text-shadow: 0 0 5px #000;
}

.o-index2 .section-course .box4 ul {
  *zoom: 1;
  margin-right: -24px;
}

.o-index2 .section-course .box4 ul:before, .o-index2 .section-course .box4 ul:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-index2 .section-course .box4 ul:after {
  clear: both;
}

.o-index2 .section-course .box4 li {
  width: 178px;
  height: 86px;
  float: left;
  margin: 0 24px 15px 0;
  box-shadow: 0 0 5px #ccc;
  background: #FFFFFF;
  border-radius: 2px;
  border-left: 3px solid #f45c5c;
  font-size: 12px;
}

.o-index2 .section-course .box4 li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px 0 0 23px;
  color: #666;
}

.o-index2 .section-course .box4 li a:hover {
  opacity: 0.8;
}

.o-index2 .section-course .box4 li h3 {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 5px;
}

.o-index2 .section-course .box4 li p {
  margin-top: 12px;
}

.o-index2 .section-course .box4 .recommend-course {
  font-size: 12px;
  background: #ececec;
  padding: 12px 0 12px 8px;
}

.o-index2 .section-course .box4 .recommend-course p {
  margin: 8px 0;
  *zoom: 1;
}

.o-index2 .section-course .box4 .recommend-course p:before, .o-index2 .section-course .box4 .recommend-course p:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-index2 .section-course .box4 .recommend-course p:after {
  clear: both;
}

.o-index2 .section-course .box4 .recommend-course span {
  display: inline-block;
  padding: 0 6px;
  float: left;
  position: relative;
}

.o-index2 .section-course .box4 .recommend-course span:after {
  content: '';
  width: 1px;
  height: 17px;
  background: #ccc;
  position: absolute;
  top: 4px;
  right: 0;
}

.o-index2 .section-course .box4 .recommend-course span.no-border:after {
  width: 0px;
}

.o-index2 .section-course .box4 .recommend-course a {
  color: #666666;
  display: inline-block;
  line-height: 24px;
  padding: 0 8px;
  border-radius: 2px;
}

.o-index2 .section-course .box4 .recommend-course a:hover, .o-index2 .section-course .box4 .recommend-course a.active {
  color: #ffffff;
  background: #ee5e5e;
}

.o-index2 .section-course .box6 ul {
  *zoom: 1;
  margin-right: -10px;
}

.o-index2 .section-course .box6 ul:before, .o-index2 .section-course .box6 ul:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-index2 .section-course .box6 ul:after {
  clear: both;
}

.o-index2 .section-course .box6 li {
  float: left;
  margin-right: 10px;
}

.o-index2 .section-course .box6 li a {
  display: block;
  padding-bottom: 24px;
}

.o-index2 .section-course .box6 li a:hover {
  opacity: 0.8;
}

.o-index2 .section-course .box6 li .img-wrap {
  width: 120px;
  height: 86px;
  border-radius: 2px;
  overflow: hidden;
}

.o-index2 .section-course .box6 li p {
  font-size: 14px;
  color: #333;
  margin-top: 8px;
}

.o-index2 .section-food {
  height: 702px;
}

.o-index2 .section-food .section-bd {
  height: 638px;
  overflow: hidden;
}

.o-index2 .section-food .box1, .o-index2 .section-food .box2, .o-index2 .section-food .box4 {
  margin-top: 15px;
}

.o-index2 .section-food .box1 ul {
  *zoom: 1;
  border-top: 1px solid #eeeeee;
  border-left: 1px solid #eeeeee;
  font-size: 12px;
  text-align: center;
}

.o-index2 .section-food .box1 ul:before, .o-index2 .section-food .box1 ul:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-index2 .section-food .box1 ul:after {
  clear: both;
}

.o-index2 .section-food .box1 li {
  float: left;
  text-align: center;
  width: 126px;
}

.o-index2 .section-food .box1 li a {
  display: block;
  color: #666666;
  border-bottom: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
  padding: 16px 0 12px;
}

.o-index2 .section-food .box1 li a:hover {
  opacity: 0.8;
}

.o-index2 .section-food .box1 li h3 {
  margin-top: 12px;
}

.o-index2 .section-food .box1 li .img-wrap {
  width: 90px;
  height: 90px;
  border-radius: 100%;
  overflow: hidden;
  margin: 0 auto;
}

.o-index2 .section-food .box2 li {
  position: relative;
  border-radius: 2px;
  overflow: hidden;
  margin-bottom: 16px;
}

.o-index2 .section-food .box2 li a {
  display: block;
}

.o-index2 .section-food .box2 li a:hover .mask {
  background-image: none;
  height: 100%;
  background: #000;
  opacity: 0.75;
  /* filter: alpha(opacity=75); */
  filter: alpha(opacity=75);
}

.o-index2 .section-food .box2 li a:hover .cont {
  padding: 50px 10px 0 10px;
  height: 100%;
}

.o-index2 .section-food .box2 li a:hover .cont p {
  height: 90px;
  overflow: hidden;
}

.o-index2 .section-food .box2 li .img-wrap {
  width: 380px;
  height: 180px;
}

.o-index2 .section-food .box2 li .mask {
  background-image: url(/static/img/index2/mask.png);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 137px;
  -webkit-transition: all .2s;
          transition: all .2s;
}

.o-index2 .section-food .box2 li .cont {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 137px;
  padding: 82px 10px 0 10px;
}

.o-index2 .section-food .box2 li .cont h3 {
  font-weight: bold;
  font-size: 18px;
  color: #FFF;
}

.o-index2 .section-food .box2 li .cont p {
  font-size: 14px;
  line-height: 18px;
  margin-top: 12px;
  color: #ccc;
  height: 18px;
  overflow: hidden;
}

.o-index2 .section-food .box4 .box-bd {
  border: 1px solid #eeeeee;
  background: #FFF;
}

.o-index2 .section-food .box4 ul > li {
  height: 138px;
}

.o-index2 .section-cms .section-bd {
  height: 494px;
  overflow: hidden;
  margin-bottom: 42px;
}

.o-index2 .section-cms .box1, .o-index2 .section-cms .box2, .o-index2 .section-cms .box3 {
  margin-top: 15px;
}

.o-index2 .section-cms .box1 .box-bd.lizhi {
  margin-top: 10px;
}

.o-index2 .section-cms .box3 ul {
  *zoom: 1;
  margin-right: -20px;
}

.o-index2 .section-cms .box3 ul:before, .o-index2 .section-cms .box3 ul:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-index2 .section-cms .box3 ul:after {
  clear: both;
}

.o-index2 .section-cms .box3 ul li {
  float: left;
  margin: 0 20px 14px 0;
  border-radius: 2px;
  overflow: hidden;
}

.o-index2 .section-cms .box3 ul li a {
  display: block;
  position: relative;
  color: #FFF;
}

.o-index2 .section-cms .box3 ul li a:hover {
  opacity: 0.8;
  /* filter: alpha(opacity=80); */
  filter: alpha(opacity=80);
}

.o-index2 .section-cms .box3 ul li a:hover h2 {
  height: 30px;
  line-height: 15px;
}

.o-index2 .section-cms .box3 ul li a:hover h2:before {
  bottom: 15px;
}

.o-index2 .section-cms .box3 ul li .img-wrap {
  width: 180px;
  height: 100px;
}

.o-index2 .section-cms .box3 ul li h2 {
  font-size: 12px;
  position: absolute;
  bottom: 0;
  height: 28px;
  line-height: 28px;
  padding: 0 0 0 30px;
}

.o-index2 .section-cms .box3 ul li h2:before {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  position: absolute;
  left: 8px;
  bottom: 7px;
  background: url(/static/img/index2/icon-play.png);
}

.o-index2 .section-cms .box3 ul li .mask {
  background: url(/static/img/index2/mask.png);
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.o-index2 .icon-clock {display: inline-block;
  width: 15px;
  height: 15px;background-repeat: no-repeat;}

.topPlan-wrap {
  width: 1180px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}

.topPlan-wrap .topPlan-inner {
  width: 328px;
  height: 435px;
  position: absolute;
  top: 25px;
  right: 128px;
}

.topPlan-wrap .plan-static {
  text-align: center;
  color: #FFF;
  font-size: 14px;
}

.topPlan-wrap .plan-static h2 {
  margin-top: 64px;
  font-size: 24px;
  font-weight: bold;
  padding-bottom: 59px;
}

.topPlan-wrap .plan-static p {
  margin-top: 21px;
  color: #dcdcdc;
}

.topPlan-wrap .plan-static .sex-wrap {
  margin: 62px auto 0 auto;
  *zoom: 1;
  width: 272px;
}

.topPlan-wrap .plan-static .sex-wrap:before, .topPlan-wrap .plan-static .sex-wrap:after {
  content: "";
  display: table;
  line-height: 0;
}

.topPlan-wrap .plan-static .sex-wrap:after {
  clear: both;
}

.topPlan-wrap .plan-static .sex-wrap span {
  display: block;
  width: 110px;
  height: 39px;
  line-height: 39px;
  color: #FFF;
  background: #f83636;
  border-radius: 2px;
  cursor: pointer;
}

.topPlan-wrap .plan-static .sex-wrap span.btn-boy {
  float: left;
}

.topPlan-wrap .plan-static .sex-wrap span.btn-girl {
  float: right;
}

.topPlan-wrap .plan-static .sex-wrap span:hover {
  opacity: 0.8;
  /* filter: alpha(opacity=80); */
  filter: alpha(opacity=80);
}

.topPlan-wrap .plan-joined {
  padding: 20px 10px;
  text-align: left;
}

.topPlan-wrap .joined-hd {
  *zoom: 1;
  position: relative;
}

.topPlan-wrap .joined-hd:before, .topPlan-wrap .joined-hd:after {
  content: "";
  display: table;
  line-height: 0;
}

.topPlan-wrap .joined-hd:after {
  clear: both;
}

.topPlan-wrap .joined-hd .hd-head {
  float: left;
  margin-left: 10px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 4px solid #333031;
  overflow: hidden;
}

.topPlan-wrap .joined-hd .hd-head img {
  width: 100%;
  display: block;
  overflow: hidden;
}

.topPlan-wrap .joined-hd .hd-info {
  float: left;
  margin-left: 25px;
}

.topPlan-wrap .joined-hd .hd-info h4 {
  font-size: 18px;
  color: #fff;
  line-height: 30px;
  margin-bottom: 5px;
}

.topPlan-wrap .joined-hd .hd-info p {
  font-size: 14px;
  color: #8b8b8b;
  text-align: left;
}

.topPlan-wrap .joined-hd .hd-edit {
  position: absolute;
  right: 15px;
  top: 7px;
  width: 50px;
  height: 30px;
  line-height: 30px;
  background: #000;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  font-size: 14px;
  text-align: center;
}

.topPlan-wrap .joined-hd .hd-edit:hover {
  background: rgba(0, 0, 0, 0.7);
}

.topPlan-wrap .joined-bd .bd-title {
  position: relative;
  text-align: center;
}

.topPlan-wrap .joined-bd .bd-title em {
  color: #c8cad6;
  font-size: 14px;
}

.topPlan-wrap .joined-bd .bd-title:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 8px;
  width: 120px;
  height: 1px;
  background: #6a6a66;
}

.topPlan-wrap .joined-bd .bd-title:after {
  content: " ";
  position: absolute;
  right: 0;
  top: 8px;
  width: 120px;
  height: 1px;
  background: #6a6a66;
}

.topPlan-wrap .joined-bd .bd-title a {
  position: absolute;
  right: 0;
  top: -9px;
  color: #8b8b8b;
  font-size: 12px;
}

.topPlan-wrap .joined-bd .bd-title a:hover {
  color: #f33030;
}

.topPlan-wrap .joined-bd ul {
  padding: 10px 0 5px;
}

.topPlan-wrap .joined-bd li {
  margin-bottom: 12px;
  text-align: center;
  font-size: 14px;
}

.topPlan-wrap .joined-bd li p {
  line-height: 24px;
}

.topPlan-wrap .joined-bd li em {
  font-weight: bold;
  display: block;
  line-height: 24px;
  color: #7d8091;
}

.topPlan-wrap .joined-bd .joined-item {
  background: #000;
  background: rgba(0, 0, 0, 0.54);
  color: #c8cad6;
  font-size: 14px;
  -webkit-transition: background 300ms ease;
          transition: background 300ms ease;
  padding: 10px;
  display: block;
  text-align: left;
}

.topPlan-wrap .joined-bd .joined-item:hover {
  background: rgba(0, 0, 0, 0.8);
}

.topPlan-wrap .joined-bd .joined-btn {
  width: 110px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  border-radius: 4px;
  background: #f43232;
  display: inline-block;
  margin: 0 20px;
  cursor: pointer;
  -webkit-transition: background 300ms ease;
          transition: background 300ms ease;
}

.topPlan-wrap .joined-bd .joined-btn:hover {
  background: #f64b4b;
}

.topPlan-wrap .joined-ft .ft-title {
  font-size: 14px;
  color: #787a82;
  margin-bottom: 15px;
  margin-left: 12px;
}

.topPlan-wrap .joined-ft ul {
  *zoom: 1;
}

.topPlan-wrap .joined-ft ul:before, .topPlan-wrap .joined-ft ul:after {
  content: "";
  display: table;
  line-height: 0;
}

.topPlan-wrap .joined-ft ul:after {
  clear: both;
}

.topPlan-wrap .joined-ft li {
  float: left;
  width: 33%;
  text-align: center;
  position: relative;
}

.topPlan-wrap .joined-ft li:after {
  content: " ";
  position: absolute;
  right: 0;
  top: 0;
  background: #19191b;
  width: 1px;
  height: 100%;
}

.topPlan-wrap .joined-ft li.last:after {
  display: none;
}

.topPlan-wrap .joined-ft li em {
  display: block;
  font-size: 14px;
  color: #c8cad6;
  margin-bottom: 18px;
}

.topPlan-wrap .joined-ft li span {
  display: block;
  font-size: 14px;
  color: #c8cad6;
}

.topPlan-wrap .joined-ft strong {
  font-size: 24px;
  color: #f73535;
  margin: 0 5px;
}

.topPlan-wrap .joined-ft p {
  text-align: center;
  padding-top: 20px;
  color: #494a56;
  font-size: 14px;
}

.section-pop {
  width: 528px;
  border-radius: 2px;
  background: #FFF;
  box-shadow: 0 0 5px #CCC;
  padding-top: 36px;
  color: #333333;
  font-size: 14px;
  font-family: "Microsoft Yahei";
}

.section-pop .section-hd {
  position: relative;
}

.section-pop .section-hd h2 {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

.section-pop .section-hd .process-warp {
  width: 434px;
  height: 14px;
  background: url(/static/img/index2/process1.png);
  margin: 20px auto 0 auto;
}

.section-pop .section-hd .process-warp .process-inner {
  height: 100%;
  background: url(/static/img/index2/process2.png);
  -webkit-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}

.section-pop .section-hd .process-warp.change {
  background: url(/static/img/index2/process3.png);
}

.section-pop .section-hd .process-warp.change .process-inner {
  background: url(/static/img/index2/process4.png);
}

.section-pop .part1 .part-title {
  margin: 23px 0 31px;
}

.section-pop .part1 .sex-wrap {
  *zoom: 1;
  width: 436px;
  margin: 0 auto;
}

.section-pop .part1 .sex-wrap:before, .section-pop .part1 .sex-wrap:after {
  content: "";
  display: table;
  line-height: 0;
}

.section-pop .part1 .sex-wrap:after {
  clear: both;
}

.section-pop .part1 .sex-wrap .sex {
  display: inline-block;
  width: 197px;
  height: 50px;
  line-height: 50px;
  color: #333333;
  font-size: 14px;
  background: #FFF;
  position: relative;
  border: 1px solid #f5f5f5;
  cursor: pointer;
}

.section-pop .part1 .sex-wrap .sex:hover, .section-pop .part1 .sex-wrap .sex.active {
  color: #f45c5c;
  border: 1px solid #f45c5c;
}

.section-pop .part1 .sex-wrap .sex:hover.boy, .section-pop .part1 .sex-wrap .sex.active.boy {
  border-left: 3px solid #f45c5c;
}

.section-pop .part1 .sex-wrap .sex:hover.boy:before, .section-pop .part1 .sex-wrap .sex.active.boy:before {
  background: url(/static/img/index2/icon-boy2.png?__spript);
}

.section-pop .part1 .sex-wrap .sex:hover.girl, .section-pop .part1 .sex-wrap .sex.active.girl {
  border-right: 3px solid #f45c5c;
}

.section-pop .part1 .sex-wrap .sex:hover.girl:before, .section-pop .part1 .sex-wrap .sex.active.girl:before {
  background: url(/static/img/index2/icon-girl2.png?__spript);
}

.section-pop .part1 .sex-wrap .boy {
  float: left;
  border-left: 3px solid #f45c5c;
  box-shadow: 5px 5px 10px #efe1e1;
  padding-left: 90px;
}

.section-pop .part1 .sex-wrap .boy:before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 15px;
  background: url(/static/img/index2/icon-boy1.png?__spript);
  position: absolute;
  left: 25px;
  top: 18px;
}

.section-pop .part1 .sex-wrap .girl {
  float: right;
  border-right: 3px solid #f45c5c;
  box-shadow: -5px 5px 10px #efe1e1;
  padding-left: 74px;
}

.section-pop .part1 .sex-wrap .girl:before {
  content: "";
  display: inline-block;
  width: 23px;
  height: 15px;
  background: url(/static/img/index2/icon-girl1.png?__spript);
  position: absolute;
  right: 25px;
  top: 18px;
}

.section-pop .part1 .btn-next {
  margin: 40px auto 0 auto;
}

.section-pop .part2 .part-title {
  margin: 21px 0;
}

.section-pop .part2 .btn-next {
  margin: 37px auto 0 auto;
}

.section-pop .part2 .info-wrap {
  width: 420px;
  margin: 0 auto;
}

.section-pop .part2 .info {
  *zoom: 1;
  margin-right: -14px;
  font-size: 14px;
  color: #999999;
}

.section-pop .part2 .info:before, .section-pop .part2 .info:after {
  content: "";
  display: table;
  line-height: 0;
}

.section-pop .part2 .info:after {
  clear: both;
}

.section-pop .part2 .info div {
  width: 129px;
  line-height: 38px;
  background: #f7f7f7;
  float: left;
  margin-right: 15px;
  padding-left: 14px;
}

.section-pop .part2 .info input {
  width: 82px;
  background: transparent;
  border: none;
  outline: none;
}

.section-pop .part2 .place-wrap {
  margin: 0 auto;
  width: 286px;
}

.section-pop .part2 .place-wrap .place-inner {
  *zoom: 1;
  margin-right: -15px;
}

.section-pop .part2 .place-wrap .place-inner:before, .section-pop .part2 .place-wrap .place-inner:after {
  content: "";
  display: table;
  line-height: 0;
}

.section-pop .part2 .place-wrap .place-inner:after {
  clear: both;
}

.section-pop .part2 .place-wrap .place-inner .place {
  display: block;
  width: 83px;
  height: 83px;
  border: 1px solid #CCC;
  float: left;
  margin-right: 15px;
  color: #333333;
  font-size: 14px;
  text-align: center;
  line-height: 30px;
  padding-top: 10px;
  cursor: pointer;
}

.section-pop .part2 .place-wrap .place-inner .place em {
  color: #999999;
}

.section-pop .part2 .place-wrap .place-inner .place:hover {
  border: 1px solid #fae4e4;
  color: #dc4141;
}

.section-pop .part2 .place-wrap .place-inner .place:hover em {
  color: #dc4141;
}

.section-pop .part2 .place-wrap .place-inner .place.active {
  background: #eb3232;
  color: #FFF;
  border: 1px solid #fae4e4;
}

.section-pop .part2 .place-wrap .place-inner .place.active em {
  color: #FFF;
}

.section-pop .part3 .part-title {
  margin-top: 22px;
}

.section-pop .part3 .body-fat-show {
  position: relative;
  margin-top: 18px;
}

.section-pop .part3 .body-fat-show .body-list-wrap {
  width: 440px;
  height: 110px;
  margin: 0 auto;
  position: relative;
  background: #d1d1d1;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d1d1d1), color-stop(100%, #f4f4f4));
  background: -webkit-linear-gradient(top, #d1d1d1 0%, #f4f4f4 100%);
  background: linear-gradient(to bottom, #d1d1d1 0%, #f4f4f4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= $color-form,endColorstr= $color-to,GradientType=0 );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= #d1d1d1 , endColorstr= #f4f4f4,GradientType=0 );
  overflow: hidden;
}

.section-pop .part3 .body-fat-show .body-list-wrap .point-line {
  position: absolute;
  top: 0;
  left: 0;
  width: 440px;
  height: 8px;
  background: url(/static/img/index2/point_line.png);
  z-index: 3;
}

.section-pop .part3 .body-fat-show .body-list-wrap .body-list {
  position: absolute;
  top: 0;
  left: -56px;
  z-index: 2;
  width: 2000%;
  height: 110px;
  -webkit-transition: all .2s;
          transition: all .2s;
  cursor: pointer;
}

.section-pop .part3 .body-fat-show .body-list-wrap .body-list > li {
  width: 110px;
  height: 110px;
  float: left;
}

.section-pop .part3 .body-fat-show .body-list-wrap .body-list > li.female_0 {
  background: url(/static/img/index2/ic_female_0.png);
}

.section-pop .part3 .body-fat-show .body-list-wrap .body-list > li.male_0 {
  background: url(/static/img/index2/ic_male_0.png);
}

.section-pop .part3 .body-fat-show .body-list-wrap .body-list > li.female_1 {
  background: url(/static/img/index2/ic_female_1.png);
}

.section-pop .part3 .body-fat-show .body-list-wrap .body-list > li.male_1 {
  background: url(/static/img/index2/ic_male_1.png);
}

.section-pop .part3 .body-fat-show .body-list-wrap .body-list > li.female_2 {
  background: url(/static/img/index2/ic_female_2.png);
}

.section-pop .part3 .body-fat-show .body-list-wrap .body-list > li.male_2 {
  background: url(/static/img/index2/ic_male_2.png);
}

.section-pop .part3 .body-fat-show .body-list-wrap .body-list > li.female_3 {
  background: url(/static/img/index2/ic_female_3.png);
}

.section-pop .part3 .body-fat-show .body-list-wrap .body-list > li.male_3 {
  background: url(/static/img/index2/ic_male_3.png);
}

.section-pop .part3 .body-fat-show .body-list-wrap .body-list > li.female_4 {
  background: url(/static/img/index2/ic_female_4.png);
}

.section-pop .part3 .body-fat-show .body-list-wrap .body-list > li.male_4 {
  background: url(/static/img/index2/ic_male_4.png);
}

.section-pop .part3 .body-fat-show .body-list-wrap .body-list > li.female_5 {
  background: url(/static/img/index2/ic_female_5.png);
}

.section-pop .part3 .body-fat-show .body-list-wrap .body-list > li.male_5 {
  background: url(/static/img/index2/ic_male_5.png);
}

.section-pop .part3 .body-fat-show .body-list-wrap .body-list > li.female_6 {
  background: url(/static/img/index2/ic_female_6.png);
}

.section-pop .part3 .body-fat-show .body-list-wrap .body-list > li.male_6 {
  background: url(/static/img/index2/ic_male_6.png);
}

.section-pop .part3 .body-fat-show .body-list-wrap .body-list > li.female_7 {
  background: url(/static/img/index2/ic_female_7.png);
}

.section-pop .part3 .body-fat-show .body-list-wrap .body-list > li.male_7 {
  background: url(/static/img/index2/ic_male_7.png);
}

.section-pop .part3 .body-fat-show .body-list-wrap .body-list > li.female_8 {
  background: url(/static/img/index2/ic_female_8.png);
}

.section-pop .part3 .body-fat-show .body-list-wrap .body-list > li.male_8 {
  background: url(/static/img/index2/ic_male_8.png);
}

.section-pop .part3 .body-fat-show .fat-btn {
  position: absolute;
  display: block;
  width: 37px;
  line-height: 40px;
  text-align: center;
  top: 32px;
  border-radius: 5px;
  color: #bebebe;
  cursor: pointer;
}

.section-pop .part3 .body-fat-show .fat-btn:hover, .section-pop .part3 .body-fat-show .fat-btn.active {
  border: 1px solid #e4e4e4;
  background: #ffffff;
}

.section-pop .part3 .body-fat-show .fat-last-btn {
  left: 2px;
}

.section-pop .part3 .body-fat-show .fat-next-btn {
  right: 4px;
}

.section-pop .part3 .warn {
  text-align: center;
  font-size: 12px;
  color: #f0922e;
  margin-top: 10px;
  display: none;
}

.section-pop .part3 .warn.error {
  color: red;
}

.section-pop .part3 .data-fat {
  font-size: 12px;
  color: #333333;
  text-align: center;
  width: 112px;
  margin: 10px auto 0 auto;
}

.section-pop .part3 .data-fat input {
  width: 100px;
  background: #f7f7f7;
  border: none;
  outline: none;
  height: 30px;
}

.section-pop .part3 .btn-next {
  margin: 29px auto 0 auto;
}

.section-pop .part4 {
  font-size: 14px;
}

.section-pop .part4 .part-title {
  margin: 22px 0 14px 0;
}

.section-pop .part4 .btn-next {
  margin: 25px auto 0 auto;
}

.section-pop .part4 .base-wrap {
  *zoom: 1;
  border-left: 1px solid #d3d3d3;
  border-top: 1px solid #d3d3d3;
  width: 284px;
  margin: 0 auto;
}

.section-pop .part4 .base-wrap:before, .section-pop .part4 .base-wrap:after {
  content: "";
  display: table;
  line-height: 0;
}

.section-pop .part4 .base-wrap:after {
  clear: both;
}

.section-pop .part4 .base-wrap .base {
  display: block;
  width: 94px;
  line-height: 28px;
  text-align: center;
  float: left;
  border-right: 1px solid #d3d3d3;
  border-bottom: 1px solid #d3d3d3;
  color: #333333;
  cursor: pointer;
}

.section-pop .part4 .base-wrap .base:hover, .section-pop .part4 .base-wrap .base.active {
  background: #eb3232;
  color: #FFF;
}

.section-pop .part4 .aim-wrap {
  width: 268px;
  margin: 0 auto 0;
}

.section-pop .part4 .aim-wrap .aim-inner {
  *zoom: 1;
  margin-right: -35px;
}

.section-pop .part4 .aim-wrap .aim-inner:before, .section-pop .part4 .aim-wrap .aim-inner:after {
  content: "";
  display: table;
  line-height: 0;
}

.section-pop .part4 .aim-wrap .aim-inner:after {
  clear: both;
}

.section-pop .part4 .aim-wrap .aim {
  color: #595959;
  display: block;
  width: 66px;
  line-height: 66px;
  height: 66px;
  overflow: hidden;
  text-align: center;
  border-radius: 100%;
  background: #e9e9e9;
  float: left;
  margin: 20px 35px 0 0;
  cursor: pointer;
}

.section-pop .part4 .aim-wrap .aim:hover, .section-pop .part4 .aim-wrap .aim.active {
  background: #ea8752;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ea8752), color-stop(100%, #eb3333));
  background: -webkit-linear-gradient(top, #ea8752 0%, #eb3333 100%);
  background: linear-gradient(to bottom, #ea8752 0%, #eb3333 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= $color-form,endColorstr= $color-to,GradientType=0 );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= #ea8752 , endColorstr= #eb3333,GradientType=0 );
  color: #FFF;
}

.section-pop .part5 {
  font-size: 14px;
}

.section-pop .part5 .list-wrap {
  width: 366px;
  margin: 0 auto;
}

.section-pop .part5 .aims-list > li {
  width: 100px;
  float: left;
  margin-right: 20px;
  cursor: pointer;
}

.section-pop .part5 .aims-list > li .img-warp {
  width: 100px;
  height: 100px;
  border-radius: 100%;
  overflow: hidden;
}

.section-pop .part5 .aims-list > li .img-warp.male-pic1 {
  background: url(/static/img/index2/male-aim1.png) no-repeat center center;
}

.section-pop .part5 .aims-list > li .img-warp.female-pic1 {
  background: url(/static/img/index2/female-aim1.png) no-repeat center center;
}

.section-pop .part5 .aims-list > li .img-warp.male-pic2 {
  background: url(/static/img/index2/male-aim2.png) no-repeat center center;
}

.section-pop .part5 .aims-list > li .img-warp.female-pic2 {
  background: url(/static/img/index2/female-aim2.png) no-repeat center center;
}

.section-pop .part5 .aims-list > li .img-warp.male-pic3 {
  background: url(../img/index2/male-aim3.png) no-repeat center center;
}

.section-pop .part5 .aims-list > li .img-warp.female-pic3 {
  background: url(../img/index2/female-aim3.png) no-repeat center center;
}

.section-pop .part5 .aims-list > li .img-warp.male-pic4 {
  background: url(/static/img/index2/male-aim4.png) no-repeat center center;
}

.section-pop .part5 .aims-list > li .img-warp.female-pic4 {
  background: url(/static/img/index2/female-aim4.png) no-repeat center center;
}

.section-pop .part5 .aims-list > li .target {
  margin: 22px auto 0 auto;
  width: 106px;
  height: 38px;
  line-height: 38px;
  display: block;
  text-align: center;
  border: 1px solid #f2f2f2;
  color: #666666;
  cursor: pointer;
}

.section-pop .part5 .aims-list > li .target:hover, .section-pop .part5 .aims-list > li .target.active {
  color: #f12b24;
  border: 1px solid #f12b24;
}

.section-pop .part5 .part-title {
  margin: 22px 0;
}

.section-pop .part5 .btn-next {
  margin: 26px auto 0 auto;
}

.section-pop .part6 .part-title {
  margin-top: 26px;
  font-weight: bold;
}

.section-pop .part6 .btn-next {
  margin: 20px auto 0 auto;
}

.section-pop .part6 .list-wrap {
  width: 434px;
  margin: 0 auto;
}

.section-pop .part6 .list-wrap label {
  width: 24%;
  display: inline-block;
  margin-top: 14px;
}

.section-pop .part6 .list-wrap label em {
  cursor: pointer;
}

.section-pop .part6 .list-wrap input[type='radio'], .section-pop .part6 .list-wrap input[type='checkbox'] {width: 24px;
  height: 24px;
  -webkit-appearance: none;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 10px;background-repeat: no-repeat;}

.section-pop .part6 .list-wrap input[type='radio']:checked, .section-pop .part6 .list-wrap input[type='checkbox']:checked {background-repeat: no-repeat;}

.section-pop .part6 .list-wrap input[type='radio']:disabled, .section-pop .part6 .list-wrap input[type='checkbox']:disabled {background-repeat: no-repeat;}

.section-pop .part6 .list-wrap input[type='radio']:disabled + em, .section-pop .part6 .list-wrap input[type='checkbox']:disabled + em {
  color: #e6e6e6;
  cursor: default;
}

.section-pop .part7 .btn-next {
  margin: 32px auto 0 auto;
}

.section-pop .part7 a {
  display: inline-block;
  margin-left: 48px;
}

.section-pop .part7 a:hover {
  opacity: 0.8;
}

.section-pop .part7 li {
  position: relative;
  height: 115px;
  margin-top: 36px;
}

.section-pop .part7 input[type='radio'] {position: absolute;
  width: 20px;
  height: 20px;
  -webkit-appearance: none;
  top: 47px;
  left: 13px;background-repeat: no-repeat;}

.section-pop .part7 input[type='radio']:checked {background-repeat: no-repeat;}

.section-pop .part7 .course-wrap {
  width: 456px;
  *zoom: 1;
}

.section-pop .part7 .course-wrap:before, .section-pop .part7 .course-wrap:after {
  content: "";
  display: table;
  line-height: 0;
}

.section-pop .part7 .course-wrap:after {
  clear: both;
}

.section-pop .part7 .course-wrap .course {
  float: left;
  position: relative;
}

.section-pop .part7 .course-wrap .course .img-wrap {
  width: 205px;
  height: 115px;
  border-radius: 2px;
  overflow: hidden;
  float: left;
  position: relative;
}

.section-pop .part7 .course-wrap .course .img-wrap img {
  width: 100%;
  display: block;
  overflow: hidden;
}

.section-pop .part7 .course-wrap .course .img-wrap:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
}

.section-pop .part7 .course-wrap .course h3 {
  position: absolute;
  top: 20px;
  left: 6px;
  color: #FFF;
  font-weight: bold;
  text-shadow: 0 2px 5px #000;
  height: 20px;
  overflow: hidden;
}

.section-pop .part7 .course-wrap .course .course-intro {
  position: absolute;
  top: 53px;
  left: 6px;
  color: #FFF;
  font-size: 12px;
}

.section-pop .part7 .course-wrap .course .course-intro .strong {display: inline-block;
  width: 85px;
  height: 14px;
  
  
  position: relative;
  top: 3px;background-repeat: repeat-x}

.section-pop .part7 .course-wrap .course .course-intro .strong div {height: 100%;background-repeat: repeat-x}

.section-pop .part7 .course-wrap .course .detail {
  position: absolute;
  top: 83px;
  left: 6px;
  color: #FFF;
  font-size: 12px;
}

.section-pop .part7 .course-wrap .course .detail em {
  margin-right: 8px;
}

.section-pop .part7 .course-wrap h2 {
  color: #333333;
  font-weight: bold;
  margin-left: 225px;
}

.section-pop .part7 .course-wrap .intro {
  line-height: 21px;
  height: 42px;
  overflow: hidden;
  color: #999;
  margin: 12px 0 0px 225px;
  font-size: 12px;
}

.section-pop .part7 .course-wrap .plan-info {
  margin-left: 225px;
  color: #999;
}

.section-pop .part7 .course-wrap .plan-info em {
  font-size: 18px;
  font-weight: bold;
  color: #333;
}

.section-pop .part7 .course-wrap .plan-info span {
  margin-right: 6px;
}

.section-pop .part7 .course-wrap .plan-info span.no-mr {
  margin: 0;
}

.section-pop .part7 .course-wrap.error {
  line-height: 30px;
  padding: 20px 40px 0 40px;
}

.section-pop .part7 .plan-tip {
  padding: 28px 36px 0px 46px;
  font-size: 12px;
}

.section-pop .part7 .plan-tip a {
  color: #3f73de;
  margin: 0;
}

.section-pop .part {
  padding-bottom: 33px;
  -webkit-transition: all .2s;
          transition: all .2s;
}

.section-pop .part .part-title {
  font-size: 14px;
  text-align: center;
}

.section-pop .btn-next {
  display: block;
  width: 129px;
  line-height: 36px;
  text-align: center;
  color: #FFF;
  background: #bcbcbc;
  border-radius: 36px;
  cursor: pointer;
}

.section-pop .btn-next.active {
  background: #ed4040;
}

.section-pop .btn-last {
  color: #cbcaca;
  font-size: 14px;
  position: absolute;
  top: 24px;
  left: 24px;
  cursor: pointer;
}

.plan-dialog {
  box-shadow: none !important;
  background: none;
  border: none;
  background-color: #FAFAFC;
}

.plan-dialog .ui-dialog-title {
  line-height: initial;
  min-height: auto;
  padding: 0;
  margin: 0;
  font-weight: 400;
  font-size: 17px;
}

.plan-dialog .ui-dialog-close {display: block;
  position: absolute;
  top: -36px;
  right: -36px;
  width: 40px;
  height: 40px;
  text-indent: -9999px;
  
  cursor: pointer;background-repeat: no-repeat;}

.plan-dialog .ui-dialog-header {
  text-indent: -999px;
  position: absolute;
  width: 100%;
}

.plan-dialog .ui-dialog-body {
  padding: 0;
  font-size: 15px;
  color: #888;
  text-align: left;
  background: #FFF;
}

.plan-dialog .ui-dialog-content {
  padding: 0;
  color: #333;
}

.plan-dialog .ui-dialog-content .dialog-cont {
  position: relative;
  padding-bottom: px2rem(10);
}

.plan-dialog .ui-dialog-footer {
  padding: 0;
  line-height: 42px;
  font-size: 17px;
}

.plan-dialog .ui-dialog-footer .ui-dialog-button {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
}

.plan-dialog .ui-dialog-footer .ui-dialog-button:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  border-top: 1px solid #D5D5D6;
  color: #D5D5D6;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}

.plan-dialog .ui-dialog-footer button {
  line-height: 42px;
  font-size: 16px;
  border: none;
  padding: 0;
  margin: 0;
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #3CC51F;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  outline: none;
}

.plan-dialog .ui-dialog-footer button:first-child:after {
  display: none;
}

.plan-dialog .ui-dialog-footer button:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  border-left: 1px solid #D5D5D6;
  color: #D5D5D6;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleX(0.5);
  transform: scaleX(0.5);
}

.plan-dialog .ui-dialog-footer button[i-id="cancel"] {
  color: #353535;
  background: none;
}

.plan-dialog .ui-dialog-footer button[i-id="ok"] {
  color: #3CC51F;
  background: none;
}

.plan-dialog .ui-dialog-footer button:active {
  background-color: #EEEEEE;
}

.hvr-radial-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
}

.hvr-radial-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(227, 40, 40, 0.5);
  border-radius: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {
  color: white;
}

.hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {
  -webkit-transform: scale(2);
  transform: scale(2);
}

.o-article {
  background-color: #fff;
  padding-top: 80px;
}

.o-article.bg-white {
  background-color: #fff;
}

.o-article table a {
  text-decoration: underline;
  color: #0000EE;
}

.o-article.article-tp2 {
  background-color: #fff;
}

.o-article-wrap {
  width: 1200px;
  margin: 0 auto;
  min-height: 750px;
  *zoom: 1;
  padding-top: 30px;
}

.o-article-wrap:before, .o-article-wrap:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-article-wrap:after {
  clear: both;
}

.o-article-wrap .mod-crumbs {
  margin-bottom: 15px;
}

.o-article-wrap .col-main {
  float: left;
  width: 780px;
  min-height: 600px;
  margin-bottom: 20px;
}

.o-article-wrap .col-aside {
  font-family: "Microsoft Yahei";
  float: right;
  min-height: 600px;
  width: 380px;
}

.o-article-tab {
  *zoom: 1;
  border: 1px solid #e0e0e0;
  margin-bottom: 6px;
}

.o-article-tab:before, .o-article-tab:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-article-tab:after {
  clear: both;
}

.o-article-tab .tab-con {
  width: 25%;
  float: left;
  line-height: 48px;
  text-align: center;
  font-size: 18px;
  color: #656565;
  background-color: #fff;
  border-bottom: 2px solid #4ee49c;
  position: relative;
  -webkit-transition: background-color 300ms ease;
          transition: background-color 300ms ease;
}

.o-article-tab .tab-con:hover {
  background-color: #e8e8e8;
}

.o-article-tab .tab-con:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #e0e0e0;
  display: block;
}

.o-article-tab .tab-con:last-child:after {
  display: none;
}

.o-article-search {
  height: 36px;
  background-color: #f1f1f1;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
}

.o-article-search input[type="text"] {
  height: 36px !important;
  line-height: 36px !important;
  box-sizing: border-box !important;
  padding: 0px !important;
  padding-right: 42px !important;
  padding-left: 15px !important;
  border: none !important;
  width: 100% !important;
}

.o-article-search input[type="text"]:focus {
  outline: none;
}

.o-article-search .bdcs-container .bdcs-search-form-input {
  background-color: #f1f1f1;
  font-family: "Microsoft Yahei", Helvetica, Tahoma, "SimSun", sans-serif;
}

.o-article-search .bdcs-search-form-submit {width: 22px;
  height: 22px;
  line-height: 22px;
  
  
  
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -5px;
  z-index: 10;
  border: none !important;
  text-indent: -500%;
  overflow: hidden;
  background-color: transparent !important;
  box-sizing: border-box;background-repeat: no-repeat;}

.o-article-search .bdcs-container .bdcs-search {
  width: auto !important;
}

.o-article-tools {
  border: 1px solid #e0e0e0;
  margin-bottom: 10px;
}

.o-article-tools .box-hd {
  background-color: #fafafa;
  border-bottom: 1px solid #e0e0e0;
  height: 58px;
  color: #333333;
  font-size: 24px;
  text-align: center;
  font-family: Tahoma, "Microsoft YaHei", sans-serif;
}

.o-article-tools .box-hd h2 {
  line-height: 58px;
}

.o-article-tools .tools-list {
  background-color: #ffffff;
}

.o-article-tools .tools-list li {
  font-size: 14px;
  color: #333333;
}

.o-article-tools .tools-list li:last-child a {
  border-bottom: none;
}

.o-article-tools .tools-list li em {
  vertical-align: middle;
  display: inline-block;
}

.o-article-tools .tools-list a {
  display: block;
  height: 87px;
  line-height: 87px;
  overflow: hidden;
  -webkit-transition: all 300ms ease;
          transition: all 300ms ease;
  background-color: #fff;
  border-bottom: 1px solid #e0e0e0;
  *zoom: 1;
}

.o-article-tools .tools-list a:before, .o-article-tools .tools-list a:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-article-tools .tools-list a:after {
  clear: both;
}

.o-article-tools .tools-list a:hover {
  -webkit-transform: translate3d(0, -2px, 0);
          transform: translate3d(0, -2px, 0);
  box-shadow: 0 0px 8px #BDBCBC;
}

.o-article-tools .tools-list a.current {
  color: #E75F60;
  cursor: default;
  font-size: 16px;
}

.o-article-tools .tools-list a.current:hover {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  box-shadow: none;
}

.o-article-tools .tools-list .tool-equip {
  -webkit-transition: opacity 300ms ease;
          transition: opacity 300ms ease;
}

.o-article-tools .tools-list .tool-equip a {
  height: 110px;
  line-height: 110px;
}

.o-article-tools .tools-list .tool-equip img {
  width: 100%;
  height: 100%;
}

.o-article-tools .tools-list .tool-equip:hover {
  opacity: 0.7;
}

.o-article-tools .tools-list .icon-wrap {
  width: 120px;
  padding-left: 32px;
  display: inline-block;
  vertical-align: middle;
}

.o-article-tools .tools-list .icon-wrap img {
  width: 100%;
}

.o-article-list {
  background-color: #fff;
  margin-bottom: 30px;
}

.o-article-list .list-hd {
  background-color: #fafafa;
  border-bottom: 1px solid #e0e0e0;
  padding: 22px;
}

.o-article-list .list-item {
  border-bottom: 1px solid #e9ebef;
  display: block;
  height: 177px;
  padding: 20px;
  background-color: #fff;
  -webkit-transition: all 300ms ease;
          transition: all 300ms ease;
  *zoom: 1;
}

.o-article-list .list-item:before, .o-article-list .list-item:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-article-list .list-item:after {
  clear: both;
}

.o-article-list .list-item:hover {
  -webkit-transform: translate3d(0, -2px, 0);
          transform: translate3d(0, -2px, 0);
  box-shadow: 0 0px 8px #BDBCBC;
}

.o-article-list .list-item:last-child {
  border-bottom: none;
}

.o-article-list .item-pic {
  float: left;
  width: 220px;
  height: 124px;
  margin-right: 17px;
  position: relative;
  overflow: hidden;
}

.o-article-list .item-pic a {
  position: absolute;
  top: 50%;
  width: 100%;
  height: 500px;
  margin-top: -250px;
  line-height: 500px;
}

.o-article-list .item-pic img {
  width: 100%;
}

.o-article-list .item-content {
  height: 137px;
  margin-left: 237px;
  width: 510px;
}

.o-article-list .item-content h2 a {
  font-size: 22px;
  color: #333333;
  margin-bottom: 10px;
  display: block;
  font-family: Tahoma, "Microsoft YaHei", sans-serif;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.o-article-list .item-content h2 a:hover {
  color: #e33d3a;
}

.o-article-list .item-content em {
  font-size: 12px;
  color: #cecece;
  margin-bottom: 15px;
  display: block;
  white-space: nowrap;
  word-break: keep-all;
}

.o-article-list .item-content p a {
  display: block;
  color: #666666;
  font-size: 14px;
  line-height: 24px;
  height: 72px;
  overflow: hidden;
}

.o-article-list .item-content p a:hover {
  color: #e33d3a;
}

.o-article-list .item-content p span {
  color: #7481bb;
}

.o-article-list .list-more {
  border-top: 1px solid #e0e0e0;
  cursor: pointer;
  background-color: #fff;
  line-height: 44px;
  text-align: center;
  color: #999999;
  font-size: 14px;
  -webkit-transition: background-color 300ms ease;
          transition: background-color 300ms ease;
}

.o-article-list .list-more:hover {
  background-color: #EFEFEF;
}

.o-article-list .tag-list {
  overflow: hidden;
}

.o-article-list .tag-list li {
  float: left;
  margin-right: 17px;
  margin-bottom: 10px;
  line-height: 22px;
  padding: 2px 7px;
  display: block;
  font-size: 12px;
  border: 1px solid #f87163;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  color: #f87163;
  background-color: #fff9f9;
  -webkit-transition: all 200ms ease;
          transition: all 200ms ease;
}

.o-article-list .tag-list li a {
  color: inherit;
}

.o-article-list .tag-list li.current a {
  color: #e33d3a;
}

.o-article-list .tag-list li:hover {
  background-color: #f87163;
  color: #fff;
}

.o-article-list .tag-title {
  font-size: 24px;
  overflow: hidden;
  font-family: Tahoma, "Microsoft YaHei", sans-serif;
}

.o-article-list .tag-title a {
  float: right;
  margin-top: 10px;
  color: #878ca0;
  font-size: 12px;
}

.o-article-list .tag-title a:hover {
  color: #c83939;
}

.o-article-list .tag-title + .tag-list {
  margin-top: 18px;
}

/* 文章详情页 */
.o-article-detail {
  margin-bottom: 10px;
}

.o-article-detail.tp-video .article {
  padding: 15px 20px;
}

.o-article-detail .article {
  background-color: #fafafa;
  padding: 35px 50px;
}

.o-article-detail h1 {
  font-family: Tahoma, "Microsoft YaHei", sans-serif;
  font-size: 26px;
  color: #333;
  margin-bottom: 20px;
}

.o-article-detail strong {
  font-weight: bold;
}

.o-article-detail strong span {
  font-weight: bold;
}

.o-article-detail .article-meta {
  *zoom: 1;
  padding-bottom: 18px;
  border-bottom: 1px dashed #CCC7C5;
  margin-bottom: 10px;
}

.o-article-detail .article-meta:before, .o-article-detail .article-meta:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-article-detail .article-meta:after {
  clear: both;
}

.o-article-detail .article-meta .tag-list, .o-article-detail .article-meta .time, .o-article-detail .article-meta .m-share-list {
  float: left;
  font-size: 12px;
  line-height: 26px;
  margin-left: 1px;
  margin-top: 1px;
}

.o-article-detail .article-meta .tag-list {
  border-right: 1px solid #f2f2f2;
  padding-right: 16px;
}

.o-article-detail .article-meta .tag-list a {
  color: #666;
}

.o-article-detail .article-meta .time {
  margin-right: 10px;
  border-right: 1px solid #f2f2f2;
  padding: 0 16px;
  color: #666;
}

.o-article-detail .article-text {
  word-wrap: break-word;
  word-break: break-word;
  line-height: 1.8em;
  font-size: 16px;
}

.o-article-detail .article-text a {
  color: #167ac6;
  text-decoration: underline;
}

.o-article-detail .article-text a:hover {
  text-decoration: underline !important;
  color: #167ac6 !important;
}

.o-article-detail .article-text img {
  max-width: 100%;
  display: block;
  margin: 10px auto 0;
  width: auto !important;
}

.o-article-detail .article-text img.mini {
  display: inline;
  margin: auto;
}

.o-article-detail .article-text p {
  margin-bottom: 20px;
}

.o-article-detail .article-text .embed-wrap {
  position: relative;
}

.o-article-detail .article-text .embed-wrap:after {
  content: " ";
  position: absolute;
  background: url(/static/img/stamp.png) no-repeat;
  width: 93px;
  height: 43px;
  right: 80px;
  top: 5px;
}

.o-article-detail .sweetfood {
  text-align: center;
}

.o-article-detail .sweetfood a {
  display: inline-block;
  width: 684px;
  height: 122px;
  overflow: hidden;
}

.m-share-list {
  margin-left: 0px;
  margin-top: 0px;
  position: relative;
  position: relative;
}

.m-share-list .wechat-qrcode {
  position: absolute;
  top: 42px;
  left: 91px;
  background-color: #FFF;
  border: 1px solid #C9C9C9;
  padding: 0px 10px 10px 10px;
  z-index: 10;
  border-radius: 6px;
  background-color: #EFEFEF;
}

.m-share-list .wechat-qrcode .qrcode {
  background-color: #FFF;
  padding: 5px;
  border: 1px solid #C9C9C9;
}

.m-share-list .wechat-qrcode h3 {
  height: 35px;
  line-height: 35px;
  text-align: center;
  font-size: 14px;
}

.m-share-list .wechat-qrcode .close {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 11px;
  height: 11px;
  overflow: hidden;
  text-indent: -200%;
  background-image: url("/static/img/icon-close2.png");
  background-repeat: no-repeat;
  color: #fff;
  text-align: center;
  font-size: 20px;
  cursor: pointer;
  opacity: 90;
  /* filter: alpha(opacity=9000); */
  filter: alpha(opacity=9000);
}

.m-share-list .wechat-qrcode .close:hover {
  opacity: 100;
  /* filter: alpha(opacity=10000); */
  filter: alpha(opacity=10000);
}

.m-share-list .share-handler {
  height: 27px;
  line-height: 26px;
  margin-left: 1px;
  margin-top: 1px;
  margin-right: 1px;
  display: inline-block;
  padding: 0 20px 0 8px;
  position: relative;
  z-index: 10;
  background-color: #FFF;
}

.m-share-list .share-handler::before {
  content: "";
  position: absolute;
  font-size: 0;
  width: 0;
  height: 0;
  line-height: 0;
  overflow: hidden;
  display: inline-block;
  vertical-align: -2px;
  border-width: 3px;
  border-color: #999 transparent transparent;
  margin-bottom: -3px;
  border-style: solid;
  top: 50%;
  right: 9px;
}

.m-share-list .share-menu {
  position: absolute;
  top: 26px;
  left: 0px;
  border: 1px solid #E0E0E0;
  padding: 6px 0;
  background-color: #FFF;
  display: none;
  z-index: 9;
}

.m-share-list .share-menu li a {
  height: 28px;
  line-height: 28px;
  display: block;
  padding: 0 10px 0 31px;
  white-space: nowrap;
  color: #666;
  position: relative;
  cursor: pointer;
}

.m-share-list .share-menu li a:hover {
  background-color: #F6F6F6;
}

.m-share-list .share-menu li a.weibo::before {
  position: absolute;
  top: 50%;
  left: 8px;
  margin-top: -8px;
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("/static/img/icon-share1.png");
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.m-share-list .share-menu li a.qzone::before {
  position: absolute;
  top: 50%;
  left: 8px;
  margin-top: -8px;
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("/static/img/icon-share2.png");
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.m-share-list .share-menu li a.wechat::before {
  position: absolute;
  top: 50%;
  left: 8px;
  margin-top: -8px;
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("/static/img/icon-share3.png");
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.m-share-list .share-menu li a.qq::before {
  position: absolute;
  top: 50%;
  left: 8px;
  margin-top: -8px;
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("/static/img/icon-share5.png");
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.m-share-list:hover .share-handler {
  height: 27px;
  line-height: 26px;
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  border: 1px solid #E0E0E0;
  border-bottom: none;
  display: inline-block;
  padding: 0 20px 0 8px;
  position: relative;
}

.m-share-list:hover .share-menu {
  display: block;
}

/* 文章页热门推荐 */
.o-article-promote {
  background-color: #FFF;
  padding: 20px;
  margin-bottom: 10px;
  *zoom: 1;
}

.o-article-promote:before, .o-article-promote:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-article-promote:after {
  clear: both;
}

.o-article-promote .hot {
  float: left;
  position: relative;
  margin-top: -24px;
  margin-right: 20px;
}

.o-article-promote .hot a {
  margin-top: 24px;
  display: block;
  width: 240px;
  height: 90px;
}

.o-article-promote .hot a img {
  width: 100%;
  height: 100%;
}

.o-article-promote .hot a:hover {
  opacity: 0.8;
}

.o-article-promote .cont {
  overflow: hidden;
}

.o-article-promote .new-list-wrap {
  *zoom: 1;
  position: relative;
}

.o-article-promote .new-list-wrap:before, .o-article-promote .new-list-wrap:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-article-promote .new-list-wrap:after {
  clear: both;
}

.o-article-promote .new-list {
  float: none;
  margin-left: -3%;
  *zoom: 1;
}

.o-article-promote .new-list:before, .o-article-promote .new-list:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-article-promote .new-list:after {
  clear: both;
}

.o-article-promote .new-list li {
  width: 47%;
  position: relative;
  margin-left: 3%;
  float: left;
}

.o-article-promote .new-list li::before {
  content: "";
  width: 2px;
  height: 2px;
  background-color: #878B9F;
  position: absolute;
  top: 50%;
  margin-top: -1px;
  left: 0px;
}

.o-article-promote .new-list li a {
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: block;
  height: 26px;
  line-height: 26px;
  overflow: hidden;
  padding-left: 10px;
  color: #666;
  font-size: 14px;
}

.o-article-promote .new-list li a:hover {
  color: #AB2B2B;
}

.o-article-promote .promote {
  display: block;
  *zoom: 1;
  margin-bottom: 15px;
}

.o-article-promote .promote:before, .o-article-promote .promote:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-article-promote .promote:after {
  clear: both;
}

.o-article-promote .promote:hover {
  opacity: 0.8;
}

.o-article-promote .promote:hover em {
  color: #C83838;
}

.o-article-promote .promote .avatar {
  float: left;
  margin-right: 15px;
  width: 143px;
  height: 93px;
}

.o-article-promote .promote .avatar img {
  width: 143px;
  height: 93px;
}

.o-article-promote .promote .cont {
  overflow: hidden;
}

.o-article-promote .promote h4 {
  font-size: 18px;
  color: #333;
  margin-bottom: 8px;
  font-family: Tahoma, "Microsoft YaHei", sans-serif;
}

.o-article-promote .promote p {
  color: #666;
  font-size: 14px;
  line-height: 1.5em;
}

.o-article-promote .promote p em {
  color: #7481bb;
}

.o-infosort {
  *zoom: 1;
  background-color: #FFF;
  border: 1px solid #E0E0E0;
  margin-bottom: 22px;
  padding: 10px 0 10px 20px;
}

.o-infosort:before, .o-infosort:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-infosort:after {
  clear: both;
}

.o-infosort dl {
  float: left;
  padding-right: 20px;
  width: 185px;
}

.o-infosort dt {
  font-size: 18px;
  color: #333;
  font-weight: bold;
  margin-bottom: 8px;
}

.o-infosort dd {
  *zoom: 1;
}

.o-infosort dd:before, .o-infosort dd:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-infosort dd:after {
  clear: both;
}

.o-infosort dd a {
  display: inline-block;
  line-height: 28px;
  font-size: 14px;
  color: #666;
  margin-right: 8px;
  max-width: 100%;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.o-infosort dd a:hover {
  opacity: 0.8;
}

/* 最热资讯 */
.o-article-hotnews {
  background-color: #FFF;
  margin-bottom: 10px;
}

.o-article-hotnews .new-list .image {
  display: block;
  margin-bottom: 15px;
}

.o-article-hotnews .new-list .image:hover {
  opacity: 0.8;
}

.o-article-hotnews .new-list li {
  position: relative;
}

.o-article-hotnews .new-list li::before {
  content: "";
  width: 2px;
  height: 2px;
  background-color: #878B9F;
  position: absolute;
  top: 50%;
  margin-top: -1px;
  left: 0px;
}

.o-article-hotnews .new-list li .date {
  float: right;
  color: #666;
  font-size: 12px;
  height: 26px;
  line-height: 26px;
  padding-left: 10px;
}

.o-article-hotnews .new-list li a {
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: block;
  height: 26px;
  line-height: 26px;
  overflow: hidden;
  padding-left: 10px;
  color: #666;
  font-size: 14px;
}

.o-article-hotnews .new-list li a:hover {
  color: #AB2B2B;
}

.o-article-hotnews .new-list:last-child {
  border-bottom: none;
}

.article-nav {
  padding: 0 0 10px 0;
  border-bottom: 1px dashed #CCCCCC;
  margin-bottom: 10px;
}

.article-nav h3 {
  font-size: 16px;
  padding: 0 0 10px;
}

.article-nav .nav {
  *zoom: 1;
}

.article-nav .nav:before, .article-nav .nav:after {
  content: "";
  display: table;
  line-height: 0;
}

.article-nav .nav:after {
  clear: both;
}

.article-nav .nav .item {
  float: left;
  width: 50%;
  font-size: 14px;
  line-height: 1.8em;
}

.article-nav .nav .item a {
  color: #333;
}

.article-nav .nav .item a:hover {
  opacity: 0.8;
  /* filter: alpha(opacity=80); */
  filter: alpha(opacity=80);
}

.article-nav .nav .item .label {
  color: #999;
}

.article-nav .nav .item.cur a {
  color: #c00;
}

.o-article-list2 {
  background-color: #fff;
  box-shadow: 0px 0px 3px 0px rgba(1, 1, 1, 0.1);
}

.o-article-list2 .list2-hd h2 {
  font-size: 20px;
  padding-left: 15px;
  color: #333333;
  line-height: 44px;
  border-bottom: 1px solid #eeeeee;
}

.o-article-list2 .list2-bd li a {
  display: block;
  padding: 10px;
  overflow: hidden;
  -webkit-transition: all 300ms ease;
          transition: all 300ms ease;
  background-color: #fff;
}

.o-article-list2 .list2-bd li a:hover {
  -webkit-transform: translate3d(0, -2px, 0);
          transform: translate3d(0, -2px, 0);
  box-shadow: 0 0px 8px #BDBCBC;
}

.o-article-list2 .list2-pic {
  float: left;
  width: 120px;
  height: 68px;
  overflow: hidden;
}

.o-article-list2 .list2-pic img {
  width: 100%;
  display: block;
  overflow: hidden;
}

.o-article-list2 .list2-cont {
  float: left;
  width: 170px;
  height: 68px;
  overflow: hidden;
  margin-left: 7px;
}

.o-article-list2 .list2-cont p {
  line-height: 20px;
  font-size: 14px;
  color: #333333;
  margin-bottom: 13px;
  height: 40px;
  overflow: hidden;
}

.o-article-list2 .list2-cont em {
  display: block;
  font-size: 14px;
  color: #999999;
}

.o-article-tools .icon, .o-tools-index .icon {
  display: inline-block;
  vertical-align: middle;
}

.o-article-tools .tool1 .icon, .o-tools-index .tool1 .icon {width: 67px;
  height: 67px;background-repeat: no-repeat;}

.o-article-tools .tool2 .icon, .o-tools-index .tool2 .icon {width: 67px;
  height: 67px;background-repeat: no-repeat;}

.o-article-tools .tool3 .icon, .o-tools-index .tool3 .icon {width: 67px;
  height: 67px;background-repeat: no-repeat;}

.o-article-tools .tool4 .icon, .o-tools-index .tool4 .icon {width: 67px;
  height: 67px;background-repeat: no-repeat;}

.o-article-tools .tool5 .icon, .o-tools-index .tool5 .icon {width: 67px;
  height: 67px;background-repeat: no-repeat;}

.o-article-tools .tool6 .icon, .o-tools-index .tool6 .icon {width: 67px;
  height: 67px;background-repeat: no-repeat;}

.o-article-tools .tool7 .icon, .o-tools-index .tool7 .icon {width: 67px;
  height: 67px;background-repeat: no-repeat;}

.o-article-tools .tool8 .icon, .o-tools-index .tool8 .icon {width: 67px;
  height: 67px;background-repeat: no-repeat;}

.o-article-tools .tool9 .icon, .o-tools-index .tool9 .icon {width: 67px;
  height: 67px;background-repeat: no-repeat;}

.o-article-tools .tool10 .icon, .o-tools-index .tool10 .icon {width: 67px;
  height: 67px;background-repeat: no-repeat;}

.o-article-tools .tool11 .icon, .o-tools-index .tool11 .icon {width: 67px;
  height: 67px;background-repeat: no-repeat;}

.o-article-tools .tool12 .icon, .o-tools-index .tool12 .icon {width: 67px;
  height: 67px;background-repeat: no-repeat;}

.o-article-tools .tool13 .icon, .o-tools-index .tool13 .icon {width: 67px;
  height: 67px;background-repeat: no-repeat;}

.o-article-tools .tool14 .icon, .o-tools-index .tool14 .icon {width: 67px;
  height: 67px;background-repeat: no-repeat;}

.o-article-tools .tool15 .icon, .o-tools-index .tool15 .icon {width: 67px;
  height: 67px;background-repeat: no-repeat;}

.o-article-tools .tool16 .icon, .o-tools-index .tool16 .icon {width: 67px;
  height: 67px;background-repeat: no-repeat;}

.tool-list-main {
  background: #f8f8f8;
  padding-bottom: 18px;
  text-align: center;
}

.tool-list-main a {
  color: #999999;
  font-size: 14px;
}

.tool-list-main ul {
  *zoom: 1;
}

.tool-list-main ul:before, .tool-list-main ul:after {
  content: "";
  display: table;
  line-height: 0;
}

.tool-list-main ul:after {
  clear: both;
}

.tool-list-main ul li {
  float: left;
  width: 33.33%;
  height: 124px;
}

.tool-list-main ul li a {
  display: block;
  width: 100%;
  height: 100%;
  padding-top: 16px;
}

.tool-list-main ul li a:hover {
  opacity: 0.8;
}

.tool-list-main ul li .icon-tools {
  width: 67px;
  height: 67px;
  display: block;
  margin: 0 auto 16px auto;
}

.tool-list-main ul li .icon-tools.tool1 {background-repeat: no-repeat;}

.tool-list-main ul li .icon-tools.tool2 {background-repeat: no-repeat;}

.tool-list-main ul li .icon-tools.tool3 {background-repeat: no-repeat;}

.tool-list-main ul li .icon-tools.tool4 {background-repeat: no-repeat;}

.tool-list-main ul li .icon-tools.tool5 {background-repeat: no-repeat;}

.tool-list-main ul li .icon-tools.tool6 {background-repeat: no-repeat;}

.tool-list-main ul li .icon-tools.tool7 {background-repeat: no-repeat;}

.tool-list-main ul li .icon-tools.tool8 {background-repeat: no-repeat;}

.tool-list-main ul li .icon-tools.tool9 {background-repeat: no-repeat;}

.tool-list-main ul li .icon-tools.tool10 {background-repeat: no-repeat;}

.tool-list-main ul li .icon-tools.tool11 {background-repeat: no-repeat;}

.tool-list-main ul li .icon-tools.tool12 {background-repeat: no-repeat;}

.tool-list-main ul li .icon-tools.tool13 {background-repeat: no-repeat;}

.tool-list-main ul li .icon-tools.tool14 {background-repeat: no-repeat;}

.tool-list-main ul li .icon-tools.tool15 {background-repeat: no-repeat;}

.tool-list-main ul li .icon-tools.tool16 {background-repeat: no-repeat;}

.tool-list-main .tools-more {
  display: inline-block;
  margin-top: 10px;
  line-height: 14px;
  position: relative;
  padding-right: 20px;
}

.tool-list-main .tools-more:hover {
  text-decoration: underline !important;
}

.tool-list-main .tools-more:after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 0;
  width: 0;
  height: 0;
  border: 7px solid #ccc;
  border-color: transparent transparent transparent #ccc;
}

.o-aside-top {
  background: url(/static/img/aside-top.jpg) no-repeat;
  width: 100%;
  height: 246px;
  margin-bottom: 25px;
}

.o-aside-top .box-inner {
  *zoom: 1;
  padding: 127px 30px 0;
}

.o-aside-top .box-inner:before, .o-aside-top .box-inner:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-aside-top .box-inner:after {
  clear: both;
}

.o-aside-top .btn-download-wrap {
  float: left;
  width: 168px;
}

.o-aside-top .qr-code {
  float: right;
  width: 105px;
  height: 105px;
}

.o-aside-top .qr-code img {
  display: block;
  width: 100%;
  overflow: hidden;
}

.o-aside-top .btn-download {
  display: block;
  height: 45px;
  line-height: 45px;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  font-size: 14px;
  color: #FFF;
  text-align: left;
  -webkit-transition: background 200ms ease;
          transition: background 200ms ease;
}

.o-aside-top .btn-download.btn-ios {
  background: #000;
  background: rgba(0, 0, 0, 0.6);
  padding-left: 64px;
}

.o-aside-top .btn-download.btn-ios:before {content: "";
  position: absolute;
  width: 22px;
  height: 27px;
  top: 9px;
  left: 18px;background-repeat: no-repeat;}

.o-aside-top .btn-download.btn-ios:hover {
  background: rgba(0, 0, 0, 0.8);
}

.o-aside-top .btn-download.btn-andirod {
  background: #419c32;
  background: rgba(65, 156, 50, 0.6);
  padding-left: 55px;
  margin-top: 13px;
}

.o-aside-top .btn-download.btn-andirod:before {content: "";
  position: absolute;
  width: 24px;
  height: 28px;
  top: 9px;
  left: 18px;background-repeat: no-repeat;}

.o-aside-top .btn-download.btn-andirod:hover {
  background: rgba(65, 156, 50, 0.8);
}

.o-aside-contact {
  padding: 15px 25px;
  background: #fafafa;
  margin-bottom: 10px;
  *zoom: 1;
}

.o-aside-contact:before, .o-aside-contact:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-aside-contact:after {
  clear: both;
}

.o-aside-contact h3 {
  font-size: 14px;
  color: #333333;
  font-weight: bold;
  margin-bottom: 10px;
}

.o-aside-contact .fl {
  float: left;
}

.o-aside-contact .fl span {
  width: 110px;
  height: 110px;
  display: block;
  margin-left: 7px;
}

.o-aside-contact .fl img {
  display: block;
  overflow: hidden;
  width: 100%;
}

.o-aside-contact .fr {
  float: right;
  width: 160px;
}

.o-aside-contact .fr p {
  color: #999999;
  font-size: 14px;
  margin-bottom: 25px;
}

.o-aside-contact .fr span {
  display: block;
  *zoom: 1;
}

.o-aside-contact .fr span:before, .o-aside-contact .fr span:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-aside-contact .fr span:after {
  clear: both;
}

.o-aside-contact .fr a {
  text-indent: -9999px;
  width: 62px;
  height: 62px;
  float: left;
  margin-right: 16px;
  -webkit-transition: opacity 0.2s ease;
          transition: opacity 0.2s ease;
  opacity: 1;
}

.o-aside-contact .fr a:hover {
  opacity: 0.85;
}

.o-aside-contact .fr .link-weibo {
  background: url(/static/img/login/login-wb.png) no-repeat;
}

.o-aside-contact .fr .link-qq {
  background: url(/static/img/login/login-qq.png) no-repeat;
}

.o-aside-taglist {
  margin-bottom: 20px;
}

.o-aside-taglist li {
  *zoom: 1;
  line-height: 50px;
  padding: 0 13px 0 27px;
  border-bottom: 1px solid #eeeeee;
}

.o-aside-taglist li:before, .o-aside-taglist li:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-aside-taglist li:after {
  clear: both;
}

.o-aside-taglist a {
  color: #7193e1;
  font-size: 14px;
  float: right;
}

.o-aside-taglist a:hover {
  text-decoration: underline !important;
}

.o-aside-taglist span {
  float: left;
  color: #333333;
  font-size: 14px;
}

.o-aside-taglist strong {
  font-weight: bold;
  color: #e14839;
  font-size: 18px;
  margin-right: 5px;
}

.o-article-box {
  margin-bottom: 20px;
}

.o-article-box .box {
  width: 380px;
  margin-right: 20px;
}

.o-article-box .box .box-hd {
  position: relative;
}

.o-article-box .box .box-hd h2 {
  font-size: 18px;
  font-weight: bold;
  border-left: 3px solid #e13030;
  padding-left: 10px;
}

.o-article-box .box .box-hd .btn-more {
  position: absolute;
  top: 3px;
  right: 0;
  color: #666;
  font-size: 12px;
}

.o-article-box .box .box-hd .btn-more:hover {
  color: #e32828;
}

.o-article-box .box .box-bd {
  margin-top: 16px;
}

.o-article-box .box-common1 .box-bd ul {
  *zoom: 1;
  margin-right: -10px;
  font-size: 12px;
}

.o-article-box .box-common1 .box-bd ul:before, .o-article-box .box-common1 .box-bd ul:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-article-box .box-common1 .box-bd ul:after {
  clear: both;
}

.o-article-box .box-common1 .box-bd ul li {
  margin-right: 10px;
  width: 185px;
  height: 185px;
  float: left;
  position: relative;
  border-radius: 2px;
  overflow: hidden;
  text-align: center;
}

.o-article-box .box-common1 .box-bd ul li.first {
  width: 380px;
  height: 215px;
  margin-bottom: 10px;
  text-align: left;
}

.o-article-box .box-common1 .box-bd ul li.first span {
  display: block;
}

.o-article-box .box-common1 .box-bd ul li a {
  display: block;
  width: 100%;
  height: 100%;
  color: #FFFFFF;
}

.o-article-box .box-common1 .box-bd ul li a:hover {
  opacity: 0.8;
  /* filter: alpha(opacity=80); */
  filter: alpha(opacity=80);
}

.o-article-box .box-common1 .box-bd ul li img {
  width: 100%;
  overflow: hidden;
}

.o-article-box .box-common1 .box-bd ul li span {
  position: absolute;
  top: 6px;
  left: 6px;
  height: 30px;
  line-height: 30px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 2px;
  padding: 0 26px 0 42px;
  display: none;
}

.o-article-box .box-common1 .box-bd ul li .icon-clock {
  position: absolute;
  top: 8px;
  left: 10px;
}

.o-article-box .box-common1 .box-bd ul li .mask {
  background: url(/static/img/index2/mask.png);
  position: absolute;
  bottom: 0;
  left: 0;
  height: 137px;
  width: 100%;
  padding-top: 114px;
}

.o-article-box .box-common1 .box-bd ul li .mask h2 {
  font-weight: bold;
  padding: 0 10px;
}

.o-article-box .box-common1 .icon-clock {display: inline-block;
  width: 15px;
  height: 15px;background-repeat: no-repeat;}

.o-exercise.page {
  padding-top: 91px;
  padding-left: 275px;
}

.o-exercise.aside-fold {
  padding-left: 49px;
}

.o-exercise.aside-fold .o-exercise-aside {
  width: 49px;
}

.o-exercise.aside-fold .o-exercise-aside .group-hd {
  height: 49px;
}

.o-exercise.aside-fold .o-exercise-aside .group-hd h3 {
  display: none;
}

.o-exercise.aside-fold .o-exercise-aside .group-hd em {
  display: none;
}

.o-exercise.aside-fold .o-exercise-aside .sort-menu {
  cursor: pointer;
}

.o-exercise.aside-fold .o-exercise-aside .menu-item-bd {
  display: none;
}

.o-exercise.aside-fold .o-exercise-aside .menu-item {
  padding: 24px 10px 14px !important;
}

.o-exercise.aside-fold .o-exercise-aside .menu-item .menu-item-hd {
  height: auto;
  line-height: 18px;
  margin-bottom: 0;
}

.o-exercise.aside-fold .o-exercise-aside .menu-item .menu-label {
  padding-left: 0;
  font-size: 14px;
  line-height: 18px;
}

.o-exercise.aside-fold .o-exercise-aside .menu-item .menu-label:before {
  content: " ";
  display: block;
  margin: 0 auto;
  position: relative;
  margin-bottom: 7px;
}

.o-exercise.aside-fold .o-exercise-aside .menu-item.instrument .menu-item-hd .menu-label:before {width: 18px;
  height: 9px;
  margin-top: -8px;background-repeat: no-repeat;}

.o-exercise.aside-fold .o-exercise-aside .menu-item.training-part .menu-item-hd .menu-label:before {width: 15px;
  height: 12px;
  margin-top: -7px;background-repeat: no-repeat;}

.o-exercise.aside-fold .o-exercise-aside .menu-item.training-hard .menu-item-hd .menu-label:before {width: 15px;
  height: 11px;
  margin-top: -6px;background-repeat: no-repeat;}

.o-exercise.aside-fold .o-exercise-aside .menu-handler {
  background-image: url("/static/img/icon-arrow1.png");
}

.o-exercise.aside-fold .o-exercise-aside .item-muscle-show {
  display: none;
}

.o-exercise.aside-fold .o-exercise-aside .aside-search {
  display: none;
}

.o-exercise-aside {
  background-color: #2D2C2E;
  width: 275px;
  position: fixed;
  top: 0px;
  left: 0px;
  bottom: 0px;
  padding-top: 51px;
  z-index: 100;
}

.o-exercise-aside .menu-group {
  height: 49px;
  overflow: hidden;
}

.o-exercise-aside .menu-group.group-tp1 i {background-repeat: no-repeat;}

.o-exercise-aside .menu-group.group-tp2 i {background-repeat: no-repeat;}

.o-exercise-aside .menu-group.group-expand {
  height: auto;
}

.o-exercise-aside .menu-group.group-expand .group-hd {
  background: #c83939;
}

.o-exercise-aside .menu-group.group-expand .group-hd em {background-repeat: no-repeat;}

.o-exercise-aside .menu-group.group-expand .group-bd {
  display: block;
}

.o-exercise-aside .menu-group .group-hd {
  cursor: pointer;
  line-height: 48px;
  padding: 0 15px 0 40px;
  position: relative;
  background: #252426;
}

.o-exercise-aside .menu-group .group-hd h3 {
  line-height: 48px;
  font-size: 18px;
  color: #ffffff;
  display: inline-block;
  margin-right: 8px;
}

.o-exercise-aside .menu-group .group-hd i {
  position: absolute;
  width: 18px;
  height: 18px;
  left: 15px;
  top: 15px;
}

.o-exercise-aside .menu-group .group-hd em {display: inline-block;
  width: 10px;
  height: 5px;
  vertical-align: middle;background-repeat: no-repeat;}

.o-exercise-aside .menu-group .group-bd {
  display: none;
}

.o-exercise-aside .menu-handler {
  position: absolute;
  top: 50%;
  right: -13px;
  margin-top: -72px;
  background-image: url("/static/img/icon-arrow2.png");
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 13px;
  height: 143px;
  text-indent: -500%;
  overflow: hidden;
}

.o-exercise-aside .menu-handler:hover {
  opacity: 0.8;
}

.o-exercise-aside .menu-label {
  font-size: 14px;
  line-height: 24px;
}

.o-exercise-aside .menu-item {
  padding: 20px 15px;
  border-top: 1px solid #343335;
  border-bottom: 1px solid #272628;
  /* 各级菜单 */
}

.o-exercise-aside .menu-item:first-child {
  border-top: none;
}

.o-exercise-aside .menu-item.target .menu-item-hd .menu-label:before {width: 15px;
  height: 15px;
  margin-top: -8px;background-repeat: no-repeat;}

.o-exercise-aside .menu-item.instrument .menu-item-hd .menu-label:before {background-repeat: no-repeat;}

.o-exercise-aside .menu-item.training-part .menu-item-hd .menu-label:before {width: 16px;
  height: 13px;
  margin-top: -7px;background-repeat: no-repeat;}

.o-exercise-aside .menu-item.training-hard .menu-item-hd .menu-label:before {width: 26px;
  height: 13px;
  margin-top: -6px;background-repeat: no-repeat;}

.o-exercise-aside .menu-item-bd {
  *zoom: 1;
  position: relative;
  margin-left: -5px;
  margin-top: -5px;
}

.o-exercise-aside .menu-item-bd:before, .o-exercise-aside .menu-item-bd:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-exercise-aside .menu-item-bd:after {
  clear: both;
}

.o-exercise-aside .sort-item {
  float: left;
  padding: 0 3px;
  height: 24px;
  width: 57px;
  line-height: 24px;
  color: #b2b2b2;
  font-size: 12px;
  text-align: center;
  background-color: #3F3F3F;
  margin-left: 5px;
  margin-top: 5px;
  overflow: hidden;
}

.o-exercise-aside .sort-item:hover {
  opacity: 0.8;
  /* filter: alpha(opacity=80); */
  filter: alpha(opacity=80);
  color: #fff;
}

.o-exercise-aside .sort-item.selected {
  background-color: #C83838;
  color: #fff;
}

.o-exercise-aside .sort-item.selected:hover {
  opacity: 1;
  /* filter: alpha(opacity=100); */
  filter: alpha(opacity=100);
}

.o-exercise-aside .sort-item.not-click {
  cursor: not-allowed;
  background: #282626;
  color: #646363;
}

.o-exercise-aside .sort-item.not-click:hover {
  opacity: 1;
  /* filter: alpha(opacity=100); */
  filter: alpha(opacity=100);
  color: #646363;
}

.o-exercise-aside .item-muscle-show {
  position: absolute;
  right: 0;
  top: 0;
}

.o-exercise-aside .sort-menu {
  height: 100%;
  box-sizing: border-box;
  border-bottom: #272628;
  position: relative;
}

.o-exercise-aside .menu-item-hd {
  line-height: 26px;
  height: 26px;
  font-size: 16px;
  color: #ababab;
  margin-bottom: 15px;
  position: relative;
}

.o-exercise-aside .menu-item-hd .sort-item {
  margin: 0;
}

.o-exercise-aside .menu-item-hd .menu-label {
  padding-left: 28px;
  position: relative;
}

.o-exercise-aside .menu-item-hd .menu-label:before {
  content: "";
  width: 20px;
  height: 10px;
  position: absolute;
  top: 50%;
  left: 0px;
  margin-top: -5px;
}

.o-exercise-aside .group-label {
  border-bottom: 1px solid #343335;
  color: #ABABAD;
  margin-left: 4px;
  padding-top: 4px;
  clear: both;
}

.o-exercise-main {
  background-color: #F2F2F2;
  padding-left: 3%;
  padding-right: 3%;
  min-width: 1000px;
  position: relative;
}

.o-exercise-main .expand-mask {
  position: absolute;
  background: #000;
  left: 0;
  top: 0;
  width: 100%;
  height: 673px;
  display: none;
}

.o-exercise-list {
  margin-bottom: 20px;
  *zoom: 1;
}

.o-exercise-list:before, .o-exercise-list:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-exercise-list:after {
  clear: both;
}

.o-exercise-list ul {
  *zoom: 1;
  margin-left: -2%;
  margin-top: -20px;
}

.o-exercise-list ul:before, .o-exercise-list ul:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-exercise-list ul:after {
  clear: both;
}

.o-exercise-list li {
  background-color: #FFF;
  border-bottom: 1px solid #E6E6E6;
  float: left;
  width: 23%;
  margin: 20px 0 0 2%;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
}

.o-exercise-list li:hover, .o-exercise-list li:focus, .o-exercise-list li:active {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

.o-exercise-list li a:hover .title {
  color: #C83838;
}

.o-exercise-list li .avatar {
  display: block;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.o-exercise-list li .avatar-pic {
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  overflow: hidden;
  top: 0;
  left: 0;
  background: #000;
  text-align: center;
}

.o-exercise-list li .avatar-pic img {
  display: inline-block;
  height: 100%;
}

.o-exercise-list li .avatar-pic.fixSize {
  height: 500px;
  line-height: 500px;
  top: 50%;
  margin-top: -250px;
}

.o-exercise-list li .avatar-pic.fixSize img {
  width: 100%;
  height: auto;
}

.o-exercise-list li .avatar-eng-title {
  background: #000000;
  opacity: 0.3;
  /* filter: alpha(opacity=30); */
  filter: alpha(opacity=30);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}

.o-exercise-list li .eng-title {
  color: #959595;
  font-size: 14px;
  display: block;
  position: absolute;
  bottom: 0;
  height: 33px;
  line-height: 36px;
  padding: 0 12px;
  overflow: hidden;
  width: 100%;
  background: url(/static/img/bg-mask2.png) repeat-x left bottom;
}

.o-exercise-list li .avatar-default {
  display: block;
  overflow: hidden;
  width: 100%;
}

.o-exercise-list li .cont {
  font-size: 14px;
  line-height: 1.5em;
  padding: 5px 17px;
}

.o-exercise-list li .title {
  color: #333;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  width: 100%;
}

.o-exercise-list li .tag {
  font-size: 12px;
  color: #999;
  height: 1.5em;
  overflow: hidden;
}

.o-pagemod {
  *zoom: 1;
}

.o-pagemod:before, .o-pagemod:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-pagemod:after {
  clear: both;
}

.o-pagemod-hd {
  margin-top: 28px;
  margin-bottom: 24px;
}

.o-pagemod-hd h1 {
  color: #333;
  font-size: 30px;
  font-family: Tahoma, "Microsoft YaHei", sans-serif;
  line-height: 1.1em;
}

/* 播放页样式 */
.o-video, .o-video2 {
  *zoom: 1;
  margin: 0 auto;
  padding-bottom: 20px;
}

.o-video:before, .o-video:after, .o-video2:before, .o-video2:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-video:after, .o-video2:after {
  clear: both;
}

.o-video .mod-crumbs, .o-video2 .mod-crumbs {
  margin: 14px 0;
  font-size: 12px;
}

.o-video {
  width: 1000px;
}

.o-video .o-video-player {
  width: 1000px;
  height: 562px;
}

@media only screen and (min-width: 1550px) {
  .o-video {
    width: 1200px;
  }
  .o-video .o-video-player {
    width: 1200px;
    height: 674px;
  }
}

.o-video2 {
  width: 1200px;
}

.o-video2 .o-video-video {
  -webkit-transition: all 300ms ease;
          transition: all 300ms ease;
  padding-right: 345px;
}

.o-video2 .o-video-player {
  -webkit-transition: all 300ms ease;
          transition: all 300ms ease;
  height: 480px;
}

.o-video2 .o-video-aside {
  -webkit-transition: margin-top 300ms ease;
          transition: margin-top 300ms ease;
  margin-top: -490px;
}

.o-video2 .o-video-video.expand {
  padding-right: 0;
  margin-top: 0;
}

.o-video2 .o-video-player.expand {
  height: 673px;
}

.o-video2 .o-video-aside.expand {
  margin-top: 0;
}

.o-video-hd {
  background-color: #FFFFFF;
  *zoom: 1;
  padding: 15px 0;
  position: relative;
}

.o-video-hd:before, .o-video-hd:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-video-hd:after {
  clear: both;
}

.o-video-hd h1 {
  font-size: 24px;
  color: #333;
  font-weight: bold;
  padding-left: 20px;
  margin-bottom: 15px;
}

.o-video-hd .info {
  float: left;
}

.o-video-hd .action {
  float: right;
  margin-right: 20px;
  position: relative;
  z-index: 5;
}

.o-video-hd .get-train {
  float: left;
  height: 85px;
  line-height: 85px;
  text-align: center;
  width: 228px;
  text-align: center;
  font-size: 30px;
  color: #fff;
  background-color: #F65D5D;
}

.o-video-hd .get-train:hover {
  opacity: 0.8;
}

.o-video-hd .page-return {
  position: absolute;
  top: 0px;
  right: 0px;
  background-image: url("/static/img/icon-close4.jpg");
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  text-indent: -500%;
  overflow: hidden;
}

.o-video-hd .sex {
  float: left;
  font-size: 16px;
  margin-top: 30px;
  margin-right: 15px;
}

.o-video-hd .sex .label, .o-video-hd .sex .radio {
  display: inline-block;
}

.o-video-hd .sex .label {
  color: #999999;
  margin-right: 20px;
}

.o-video-hd .sex .radio {
  color: #333;
}

.o-video-hd .sex .item {
  margin-right: 8px;
  display: inline-block;
  line-height: 35px;
  width: 87px;
  text-align: center;
  background-color: #F1F1F1;
  border: 1px solid #FFFFFF;
  cursor: pointer;
}

.o-video-hd .sex .item.selected {
  background-color: #FFF2F2;
  border: 1px solid #EF3F3F;
  line-height: 35px;
  color: #EF3F3F;
  position: relative;
}

.o-video-hd .sex .item.selected:before {
  content: "";
  width: 19px;
  height: 16px;
  position: absolute;
  top: 0px;
  right: 0px;
  background-image: url("/static/img/icon-tick.jpg");
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

.o-video-hd .tag {
  font-size: 12px;
  line-height: 2em;
  *zoom: 1;
}

.o-video-hd .tag:before, .o-video-hd .tag:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-video-hd .tag:after {
  clear: both;
}

.o-video-hd .group {
  float: left;
  border-right: 1px solid #F2F2F2;
  padding: 0 20px;
}

.o-video-hd .group span {
  display: block;
}

.o-video-bd.main {
  width: 855px;
  float: left;
  margin-right: 10px;
}

.o-video-aside {
  float: left;
  background-color: #fff;
  height: 480px;
  width: 335px;
  box-shadow: 0px 0px 3px 0px rgba(1, 1, 1, 0.1);
  font-family: "Microsoft Yahei";
}

.o-video-aside .aside-hd {
  padding: 25px 0 20px;
  margin: 0 25px;
  border-bottom: 1px solid #e2e2e2;
}

.o-video-aside .aside-hd h2 {
  font-size: 20px;
  color: #333333;
  margin-bottom: 10px;
  height: 22px;
  overflow: hidden;
}

.o-video-aside .aside-hd p {
  height: 84px;
  font-size: 14px;
  color: #999999;
  line-height: 28px;
  overflow: hidden;
}

.o-video-aside .aside-bd .m-logo {
  width: 90px;
  height: 90px;
  background: url(/static/img/logo4.png) no-repeat;
  margin: 17px auto;
}

.o-video-aside .aside-bd h3 {
  font-size: 22px;
  color: #666666;
  text-align: center;
  margin-bottom: 20px;
}

.o-video-aside .aside-bd .m-btn {
  overflow: hidden;
  float: left;
  margin-left: 30px;
  margin-right: 20px;
}

.o-video-aside .aside-bd .m-btn a {
  display: block;
  width: 136px;
  height: 48px;
  line-height: 48px;
  margin-bottom: 20px;
  color: #fff;
  font-size: 12px;
  opacity: 1;
  -webkit-transition: opacity ease 300ms;
          transition: opacity ease 300ms;
}

.o-video-aside .aside-bd .m-btn a:hover {
  opacity: 0.7;
}

.o-video-aside .aside-bd .m-btn a i {
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
  margin-right: 2px;
}

.o-video-aside .aside-bd .m-btn .btn-android {
  background: #81bb5f;
}

.o-video-aside .aside-bd .m-btn .btn-android i {width: 30px;
  height: 34px;background-repeat: no-repeat;}

.o-video-aside .aside-bd .m-btn .btn-ios {
  background: #333333;
}

.o-video-aside .aside-bd .m-btn .btn-ios i {width: 26px;
  height: 31px;
  margin-right: 10px;background-repeat: no-repeat;}

.o-video-aside .aside-bd .m-qrcode {
  float: left;
  width: 110px;
  height: 110px;
  border: 4px solid #eaeaea;
  overflow: hidden;
}

.o-video-aside .aside-bd .m-qrcode img {
  display: block;
  overflow: hidden;
  width: 100%;
}

/* 播放器样式 */
.o-video-player {
  background-color: #313131;
  margin-bottom: 10px;
  overflow: hidden;
}

.o-video-player.fold .o-video-player-main {
  padding-right: 25px;
}

.o-video-player.fold .o-video-player-aside {
  width: 0px;
}

.o-video-player.fold .o-video-player-aside .aside-main {
  display: none;
}

.o-video-player.fold .o-video-player-aside .aside-handler i {
  background-image: url("/static/img/icon-arrow4.png");
}

.o-video-player-main {
  padding-right: 356px;
  height: 100%;
}

.o-video-player-main .video-player {
  height: 100%;
}

.o-video-player-main embed {
  width: 100%;
  height: 100%;
}

.o-video-player-main2 {
  height: 100%;
}

.o-video-player-main2 .video-player {
  height: 100%;
}

.o-video-player-main2 embed {
  width: 100%;
  height: 100%;
}

.o-video-video {
  margin-top: 15px;
}

.o-video-player-aside {
  float: right;
  width: 331px;
  height: 100%;
  padding-left: 25px;
}

.o-video-player-aside .aside-handler {
  width: 25px;
  position: relative;
  margin-left: -25px;
  z-index: 5;
  background-color: #222222;
  height: 100%;
  cursor: pointer;
  text-indent: -500px;
  overflow: hidden;
  float: left;
}

.o-video-player-aside .aside-handler i {
  position: absolute;
  top: 50%;
  left: 0px;
  width: 25px;
  background-image: url("/static/img/icon-arrow3.png");
  background-position: 0px 0px;
  background-repeat: no-repeat;
  height: 14px;
  margin-top: -7px;
}

.o-video-player-aside .aside-handler:hover {
  opacity: 0.5;
}

.o-video-player-aside .nicescroll-rails div {
  border-color: #666666 !important;
  border-radius: 0px !important;
  width: 8px !important;
}

.o-video-player-aside .aside-hd {
  height: 53px;
  line-height: 53px;
  border-bottom: 1px solid #393939;
  margin-bottom: -53px;
  position: relative;
  z-index: 5;
}

.o-video-player-aside .aside-hd h3 {
  font-size: 18px;
  color: #939595;
  font-family: Tahoma, "Microsoft YaHei", sans-serif;
  padding: 0 20px;
}

.o-video-player-aside .aside-bd {
  height: auto;
  margin-top: 53px;
  box-sizing: border-box;
  overflow: auto;
  position: absolute;
  width: 100%;
}

.o-video-player-aside .aside-main {
  height: 100%;
  position: relative;
}

.o-video-player-aside .action-list ul {
  padding-top: 4px;
}

.o-video-player-aside .action-list li {
  margin-bottom: 4px;
}

.o-video-player-aside .action-list li img {
  width: 320px;
  height: 190px;
}

.o-video-guide {
  position: relative;
  margin-bottom: 10px;
  background-color: #FFFFFF;
  *zoom: 1;
  padding: 34px;
}

.o-video-guide:before, .o-video-guide:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-video-guide:after {
  clear: both;
}

.o-video-guide .gap {
  position: absolute;
  top: 5%;
  left: 50%;
  width: 1px;
  background-color: #F2F2F2;
  height: 90%;
  box-sizing: border-box;
}

.o-video-guide .guide-pic, .o-video-guide .guide-text {
  float: left;
  width: 50%;
  box-sizing: border-box;
}

.o-video-guide .guide-text {
  padding-left: 5%;
}

.o-video-guide .guide-pic {
  text-align: center;
  font-size: 0px;
}

.o-video-guide .guide-pic h3 {
  font-size: 20px;
  font-family: Tahoma, "Microsoft YaHei", sans-serif;
  font-weight: bold;
  color: #333;
  text-align: center;
  margin-bottom: 40px;
}

.o-video-guide .guide-pic img {
  width: 50%;
}

.o-video-guide .guide-pic .bb-img {
  width: 80%;
}

.o-video-guide .guide-text h3 {
  font-size: 20px;
  font-family: Tahoma, "Microsoft YaHei", sans-serif;
  font-weight: bold;
  color: #333;
  margin-bottom: 30px;
}

.o-video-guide .guide-text .cont {
  line-height: 2em;
  font-size: 14px;
  word-break: break-word;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
  font-family: Tahoma, "Microsoft YaHei", sans-serif;
}

.o-video-guide .guide-text li {
  margin-bottom: 45px;
  color: #333;
  font-size: 14px;
}

.o-course-intro {
  background-color: #FFF;
  margin-bottom: 10px;
  border: 1px solid #E9E9E9;
  font-family: "Microsoft YaHei";
}

.o-course-intro .cancle-action {
  float: right;
  padding-top: 11px;
}

.o-course-intro .cancle {
  background-color: #EEEEEE;
  font-size: 12px;
  color: #999;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
}

.o-course-intro-hd {
  height: 50px;
  *zoom: 1;
  padding: 0 20px;
  position: relative;
  border-bottom: 1px solid #F1F1F1;
}

.o-course-intro-hd:before, .o-course-intro-hd:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-course-intro-hd:after {
  clear: both;
}

.o-course-intro-hd h3 {
  float: left;
  line-height: 50px;
  margin-right: 15px;
  font-size: 19px;
  color: #333;
  max-width: 250px;
  height: 50px;
  overflow: hidden;
  font-family: Tahoma, "Microsoft YaHei", sans-serif;
}

.o-course-intro-hd .m-share-list {
  float: left;
  margin: 12px 25px 0 0px;
}

.o-course-intro-hd .m-share-list .share-handler {
  font-size: 12px;
}

.o-course-intro-hd .m-share-list .share-menu li a {
  font-size: 12px;
}

.o-course-intro-hd .coach-select {
  position: absolute;
  width: 110px;
  left: 50%;
  margin-left: -55px;
  top: 12px;
}

.o-course-intro-hd .coach-select .sex {
  float: left;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  color: #999999;
  border: 1px solid #E1E1E1;
  padding: 0 9px;
  cursor: pointer;
}

.o-course-intro-hd .coach-select .male {
  border-right: none;
  border-radius: 3px 0 0 3px;
}

.o-course-intro-hd .coach-select .female {
  border-left: none;
  border-radius: 0 3px 3px 0;
}

.o-course-intro-hd .coach-select .selected {
  cursor: default;
  background-color: #F22923;
  color: #fff;
  border-color: #F22923;
}

.o-course-intro-hd .join-num {
  float: right;
  font-size: 14px;
  color: #999;
  line-height: 50px;
}

.o-course-intro-bd {
  position: relative;
  height: 90px;
  padding: 14px 20px 0;
}

.o-course-intro-bd ul li {
  display: inline-block;
  font-size: 14px;
  color: #333;
  margin-bottom: 17px;
  height: 17px;
  line-height: 17px;
  min-width: 160px;
  margin-right: 20px;
}

.o-course-intro-bd ul li .label {
  color: #666;
  font-weight: bold;
  display: inline-block;
}

.o-course-intro-bd .get-in {
  background-color: #F22923;
  border-radius: 3px;
  height: 55px;
  line-height: 55px;
  color: #fff;
  font-size: 22px;
  padding: 0 35px;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -28px;
  width: auto;
}

.u-course-hard {
  display: inline-block;
  vertical-align: middle;
  width: 105px;
  height: 17px;
  
  position: relative;
  margin-left: -6px;
}

.u-course-hard em {
  position: absolute;
  left: 0;
  top: 0;
  height: 17px;
  
}

.u-course-hard.course-hard-1 em {
  width: 21px;
}

.u-course-hard.course-hard-2 em {
  width: 42px;
}

.u-course-hard.course-hard-3 em {
  width: 63px;
}

.u-course-hard.course-hard-4 em {
  width: 84px;
}

.u-course-hard.course-hard-5 em {
  width: 105px;
}

/* 特色课程介绍页 */
.o-course-detail {
  padding-left: 0px !important;
  min-width: 1200px;
}

.o-course-detail.mini .o-course-foodplan .food-list li {
  width: 50%;
  margin: 1% 0;
}

/* 特色课程介绍 */
.m-course-intro {
  font-family: "Microsoft Yahei";
}

.m-course-intro .meta {
  font-size: 14px;
  color: #999;
  padding: 17px 14px;
  border-bottom: 1px solid #393939;
}

.m-course-intro .meta .item {
  display: inline-block;
  width: 98px;
  text-align: center;
}

.m-course-intro .meta span {
  margin-right: 4px;
  display: block;
  margin-bottom: 10px;
}

.m-course-intro .meta em {
  font-size: 18px;
  color: #c83939;
}

.m-course-intro .action-guide {
  margin: 0 22px;
  padding-top: 18px;
}

.m-course-intro .action-guide .name {
  margin: 0 auto;
  margin-bottom: 10px;
  width: 280px;
}

.m-course-intro .action-guide .name em {
  display: block;
  font-size: 14px;
  color: #999;
  text-align: center;
}

.m-course-intro .action-guide img {
  width: 100%;
  margin-bottom: 10px;
}

.m-course-intro .action-desc {
  border-top: 1px solid #2a2a2a;
  padding-top: 10px;
  color: #939595;
  font-size: 14px;
}

.m-course-intro .action-desc h3 {
  font-weight: bold;
  margin-bottom: 15px;
}

.m-course-intro .action-desc p, .m-course-intro .action-desc pre {
  margin-bottom: 20px;
  line-height: 1.5em;
}

.m-course-intro .desc {
  padding: 15px 8px;
  font-size: 12px;
  line-height: 1.5em;
  color: #999;
  text-indent: 2em;
  border-bottom: 1px solid #393939;
}

.m-course-intro .action {
  padding: 25px 0;
}

.m-course-intro .action .join {
  font-size: 18px;
  font-family: Tahoma, "Microsoft YaHei", sans-serif;
  color: #fff;
  font-weight: bold;
  text-align: center;
  display: block;
  width: auto;
  margin: 0 18px;
}

.m-course-intro .action .cancle {
  font-size: 18px;
  font-family: Tahoma, "Microsoft YaHei", sans-serif;
  background-color: #373737;
  color: #252525;
  font-weight: bold;
  text-align: center;
  display: block;
  width: auto;
  margin: 0 18px;
}

.m-course-intro .desc {
  padding: 8px 20px;
}

.m-course-intro .sex {
  font-size: 16px;
  padding: 29px 0;
  border-bottom: 1px solid #393939;
  padding-left: 10px;
}

.m-course-intro .sex .label, .m-course-intro .sex .radio {
  display: inline-block;
}

.m-course-intro .sex .label {
  color: #999999;
  margin-right: 20px;
}

.m-course-intro .sex .radio {
  color: #333;
}

.m-course-intro .sex .item {
  margin-right: 8px;
  display: inline-block;
  line-height: 35px;
  width: 87px;
  text-align: center;
  background-color: #F1F1F1;
  border: 1px solid #FFFFFF;
  cursor: pointer;
}

.m-course-intro .sex .item.selected {
  background-color: #FFF2F2;
  border: 1px solid #EF3F3F;
  line-height: 35px;
  color: #EF3F3F;
  position: relative;
}

.m-course-intro .sex .item.selected:before {
  content: "";
  width: 19px;
  height: 16px;
  position: absolute;
  top: 0px;
  right: 0px;
  background-image: url("/static/img/icon-tick.jpg");
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

/* 特色课程计划 */
.o-course-plan {
  font-family: "Microsoft YaHei";
}

.o-course-plan .course-section {
  margin-bottom: 10px;
  border: 1px solid #E9E9E9;
  background-color: #FFF;
}

.o-course-plan .course-section.fold .course-section-hd {
  border-bottom: none;
}

.o-course-plan .course-section.fold .course-section-bd {
  display: none;
}

.o-course-plan .course-section-hd {
  position: relative;
  background-color: #fff;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #E9E9E9;
  margin: 0 20px;
  *zoom: 1;
  cursor: pointer;
  overflow: hidden;
  -webkit-transition: 500ms padding ease;
          transition: 500ms padding ease;
}

.o-course-plan .course-section-hd:before, .o-course-plan .course-section-hd:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-course-plan .course-section-hd:after {
  clear: both;
}

.o-course-plan .course-section-hd .handler {
  position: absolute;
  top: 0px;
  font-size: 12px;
  right: -100px;
  padding-right: 14px;
  cursor: pointer;
  color: #167ac6;
  -webkit-transition: 500ms all ease;
          transition: 500ms all ease;
}

.o-course-plan .course-section-hd .handler i {position: absolute;
  top: 50%;
  right: 0px;
  width: 9px;
  height: 5px;
  
  margin-top: -2px;background-repeat: no-repeat;}

.o-course-plan .course-section-hd .handler.cur i {margin-top: -2px;background-repeat: no-repeat;}

.o-course-plan .course-section-hd .train-name {
  float: left;
  font-size: 14px;
}

.o-course-plan .course-section-hd .course-play {width: 22px;
  height: 22px;
  float: left;
  margin-top: 10px;
  margin-left: 10px;background-repeat: no-repeat;}

.o-course-plan .course-section-hd .course-play:hover {background-repeat: no-repeat;}

.o-course-plan .course-section-hd .meta {
  float: right;
  font-family: Tahoma, "Microsoft YaHei", sans-serif;
  font-size: 12px;
  color: #999;
}

.o-course-plan .course-section-hd .meta span {
  margin-left: 15px;
}

.o-course-plan .course-section-bd {
  position: relative;
}

.o-course-plan .course-section-mask {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-image: url("/static/img/blank.png");
  background-position: 0px 0px;
  background-repeat: repeat;
  display: none;
}

.o-course-plan .course-section-hd {
  padding-right: 0;
}

.o-course-plan .course-section-hd:hover {
  padding-right: 53px;
}

.o-course-plan .course-section-hd:hover .handler {
  right: 0px;
}

/* 特色课程动作导航 */
.o-course-guide {
  position: relative;
}

.o-course-guide-hd {
  height: 48px;
  line-height: 48px;
  font-size: 14px;
  font-family: Tahoma, "Microsoft YaHei", sans-serif;
  padding: 0 27px;
}

.o-course-guide-bd {
  overflow: hidden;
  padding: 12px 20px 12px 20px;
}

.o-course-control .prev {
  position: absolute;
  top: 50%;
  left: 0px;
  width: 20px;
  height: 45px;
  margin: -24px 1px 1px 1px;
  -webkit-transition: 100ms all ease;
          transition: 100ms all ease;
}

.o-course-control .prev:hover {
  left: -25px;
  width: 45px;
  margin: -24px 0px 0px 0px;
  border: 1px solid #EDEDED;
  background-color: #F9F9F9;
}

.o-course-control .prev:hover i {background-repeat: no-repeat;}

.o-course-control .prev i {width: 8px;
  height: 12px;
  
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -4px;background-repeat: no-repeat;}

.o-course-control .next {
  position: absolute;
  top: 50%;
  right: 0px;
  width: 20px;
  height: 45px;
  margin: -24px 1px 1px 1px;
  -webkit-transition: 100ms all ease;
          transition: 100ms all ease;
}

.o-course-control .next:hover {
  right: -25px;
  width: 45px;
  margin: -24px 0px 0px 0px;
  border: 1px solid #EDEDED;
  background-color: #F9F9F9;
}

.o-course-control .next:hover i {background-repeat: no-repeat;}

.o-course-control .next i {width: 8px;
  height: 12px;
  
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -4px;background-repeat: no-repeat;}

/* 特色课程动作动作 */
.o-course-action {
  overflow: hidden;
}

.o-course-action ul {
  *zoom: 1;
  width: 30000px;
  position: relative;
  left: 0px;
}

.o-course-action ul:before, .o-course-action ul:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-course-action ul:after {
  clear: both;
}

.o-course-action li {
  float: left;
  background-color: #FFFFFF;
}

.o-course-action .action {
  position: relative;
  width: 230px;
  overflow: hidden;
}

.o-course-action .action .preview {
  opacity: 0;
  /* filter: alpha(opacity=0); */
  filter: alpha(opacity=0);
  position: absolute;
  top: 0px;
  left: 0px;
}

.o-course-action .action .avatar {
  display: block;
  width: 230px;
  height: 130px;
  position: relative;
}

.o-course-action .action .avatar .time {
  position: absolute;
  top: 10px;
  right: 8px;
  font-size: 12px;
  color: #fff;
  z-index: 10;
}

.o-course-action .action .avatar .change-tag {
  position: absolute;
  top: 10px;
  left: 9px;
  z-index: 10;
  font-size: 12px;
  color: #fff;
  padding-left: 11px;
}

.o-course-action .action .avatar .change-tag i {
  position: absolute;
  top: 50%;
  left: 0px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #F22923;
  margin-top: -2px;
}

.o-course-action .action .avatar.hover img {
  opacity: 0;
  /* filter: alpha(opacity=0); */
  filter: alpha(opacity=0);
}

.o-course-action .action .avatar.hover .preview {
  opacity: 1;
  /* filter: alpha(opacity=100); */
  filter: alpha(opacity=100);
}

.o-course-action .action .avatar img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 1;
  /* filter: alpha(opacity=100); */
  filter: alpha(opacity=100);
}

.o-course-action .action .avatar video {
  width: 100%;
  height: 100%;
}

.o-course-action .action .avatar i {
  background-image: url("/static/img/bg-mask.png");
  background-position: 0px 0px;
  background-repeat: no-repeat;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

.o-course-action .action.current .status {
  display: block;
}

.o-course-action .action .status {width: 48px;
  height: 48px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -24px 0 0 -24px;
  display: none;background-repeat: no-repeat;}

.o-course-action .action .info {
  color: #fff;
  padding-top: 9px;
  font-size: 14px;
  color: #999;
  *zoom: 1;
  line-height: 23px;
}

.o-course-action .action .info:before, .o-course-action .action .info:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-course-action .action .info:after {
  clear: both;
}

.o-course-action .action .info .name {
  float: left;
  width: 150px;
  line-height: 24px;
  height: 24px;
  overflow: hiiden;
  color: #666;
}

.o-course-action .action .info .time {
  font-size: 12px;
}

.o-course-action .action .info .guide {
  font-size: 12px;
}

.o-course-action .video-action {
  float: right;
  border: 1px solid #E1E1E1;
  border-radius: 3px;
}

.o-course-action .video-action a {
  float: left;
  height: 25px;
  line-height: 25px;
  font-size: 12px;
  color: #999999;
  width: 20px;
  padding: 0 10px;
  cursor: pointer;
  position: relative;
  -webkit-transition: 500ms opacity ease;
          transition: 500ms opacity ease;
}

.o-course-action .video-action a:hover {
  opacity: 0.8;
  /* filter: alpha(opacity=80); */
  filter: alpha(opacity=80);
}

.o-course-action .video-action .change {
  border-radius: 3px 0 0 3px;
  width: 35px;
}

.o-course-action .video-action .change i {position: absolute;
  top: 50%;
  left: 50%;
  width: 15px;
  height: 12px;
  
  margin: -6px 0 0 -8px;background-repeat: no-repeat;}

.o-course-action .video-action .change:hover {
  background-color: #EE2F30;
  color: #fff;
  border-color: #EE2F30;
}

.o-course-action .video-action .change:hover i {background-repeat: no-repeat;}

.o-course-action .video-action .change.selected {
  background-color: #EE2F30;
  color: #fff;
  border-color: #EE2F30;
}

.o-course-action .video-action .change.selected i {background-repeat: no-repeat;}

.o-course-action .video-action .change + .guide {
  border-left: 1px solid #E1E1E1;
}

.o-course-action .video-action .guide {
  width: 36px;
}

.o-course-action .video-action .guide:hover i {background-repeat: no-repeat;}

.o-course-action .video-action .guide i {position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 10px;
  
  margin: -5px 0 0 -8px;background-repeat: no-repeat;}

.o-course-action .video-action .selected {
  background-color: #EE2F30;
  color: #fff;
  border-color: #EE2F30;
}

.o-course-action .rest {
  width: 61px;
  text-align: center;
  font-size: 12px;
  font-family: Tahoma, "Microsoft YaHei", sans-serif;
  color: #666;
  line-height: 1.3em;
  padding: 45px 18px 0 18px;
  background-color: transparent;
}

.o-course-action .rest i {display: block;
  margin: 0 auto;
  width: 26px;
  height: 26px;
  
  
  
  margin-bottom: 10px;background-repeat: no-repeat;}

.o-course-plan-hd {
  font-family: Tahoma, "Microsoft YaHei", sans-serif;
}

.o-course-plan-hd h3 {
  height: 74px;
  line-height: 74px;
  font-size: 24px;
  color: #333;
}

/* 营养计划 */
.o-course-foodplan {
  padding-bottom: 30px;
}

.o-course-foodplan .food-plan {
  background-color: #FFFFFF;
  margin-bottom: 15px;
}

.o-course-foodplan .food-plan-hd {
  height: 66px;
  line-height: 66px;
  color: #333;
  font-size: 20px;
  padding: 0 15px;
  border-bottom: 1px solid #E6E6E6;
  font-family: Tahoma, "Microsoft YaHei", sans-serif;
}

.o-course-foodplan .food-list {
  *zoom: 1;
}

.o-course-foodplan .food-list:before, .o-course-foodplan .food-list:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-course-foodplan .food-list:after {
  clear: both;
}

.o-course-foodplan .food-list h3 {
  line-height: 1.1em;
  font-size: 20px;
  color: #333;
  margin-bottom: 20px;
  font-family: Tahoma, "Microsoft YaHei", sans-serif;
}

.o-course-foodplan .food-list li {
  width: 33%;
  float: left;
  font-size: 12px;
  box-sizing: border-box;
  margin: 2% 0;
  padding: 0 1%;
  border-right: 1px solid #EBEBEB;
}

.o-course-foodplan .food-list li:last-child {
  border-right: none;
}

.o-course-foodplan .food-list .avatar {
  float: left;
  width: 35%;
  overflow: hidden;
  margin-right: 2%;
}

.o-course-foodplan .food-list .avatar img {
  width: 100%;
}

.o-course-foodplan .food-list .cont {
  overflow: hidden;
}

.o-course-foodplan .food-list .item {
  *zoom: 1;
  line-height: 1.5em;
  margin-bottom: 8px;
  color: #666;
}

.o-course-foodplan .food-list .item:before, .o-course-foodplan .food-list .item:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-course-foodplan .food-list .item:after {
  clear: both;
}

.o-course-foodplan .food-list .name {
  font-size: 14px;
  color: #333;
  font-weight: bold;
  float: left;
  width: 4.5em;
  margin-right: 2%;
  text-align: right;
}

.o-course-foodplan .food-list .data {
  overflow: hidden;
  display: block;
}

.o-course-foodplan .food-list .data .caro {
  color: #ef5b13;
}

.o-course-foodplan-hd {
  font-family: Tahoma, "Microsoft YaHei", sans-serif;
}

.o-course-foodplan-hd h3 {
  height: 74px;
  line-height: 74px;
  font-size: 24px;
  color: #333;
}

/* 今日训练 */
.o-course-today h3 {
  font-family: Tahoma, "Microsoft YaHei", sans-serif;
  font-size: 18px;
  line-height: 40px;
  color: #333;
  float: left;
}

.o-course-today .today-tag {
  float: left;
  margin-right: 10px;
  height: 24px;
  line-height: 24px;
  background-color: #F1F1F1;
  color: #999;
  font-size: 14px;
  padding: 0 5px;
  margin-top: 8px;
}

.o-course-today .course-section-hd {
  overflow: hidden;
  padding-right: 0;
}

.o-course-today .course-section-hd .left {
  float: left;
  margin-left: 10px;
}

.o-course-today .course-section-hd .meta {
  float: right;
}

.o-course-today .course-section-hd .meta select {
  margin-left: 15px;
}

.o-course-today .course-status {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  text-align: center;
}

.o-course-today .course-status .mask {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: #282831;
  opacity: 0.8;
  /* filter: alpha(opacity=80); */
  filter: alpha(opacity=80);
}

.o-course-today .course-status .cont {
  padding-left: 150px;
  position: relative;
  z-index: 5;
  font-size: 24px;
  font-family: Tahoma, "Microsoft YaHei", sans-serif;
  display: inline-block;
  color: #fff;
  margin-top: 100px;
}

.o-course-today .course-status .cont i {
  position: absolute;
  top: 50%;
  left: 0px;
  width: 131px;
  height: 143px;
  margin-top: -72px;
  background-image: url("/static/img/icon-cup.png");
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

.o-course-today .course-status .handler {
  position: absolute;
  top: 0px;
  right: 0px;
  background-image: url("/static/img/icon-cup-mask.png");
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 45px;
  height: 47px;
  font-size: 14px;
  color: #96969f;
  line-height: 47px;
  z-index: 10;
  text-align: left;
  text-indent: 13px;
  cursor: pointer;
}

.o-course-today .course-status .handler:hover {
  opacity: 0.8;
  /* filter: alpha(opacity=80); */
  filter: alpha(opacity=80);
}

.o-course-today .course-status-done {
  width: 45px !important;
  height: 47px !important;
}

.o-course-today .course-status-done .handler {
  text-indent: -500% !important;
  overflow: hidden;
}

.o-course-today .course-status-done .handler i {
  position: absolute;
  top: 50%;
  left: 50%;
  background-image: url("/static/img/icon-cup1.png");
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 27px;
  height: 29px;
  margin: -17px 0 0 -10px;
}

.o-course-today .course-status-done .cont, .o-course-today .course-status-done .mask {
  display: none !important;
}

/* 更换动作弹窗 */
.o-changeAction-pop {
  position: relative;
  width: 560px;
  height: 422px;
  background-color: #FFFFFF;
}

.o-changeAction-pop .hide {
  display: none;
}

.o-changeAction-pop .close {position: absolute;
  top: 0px;
  right: 0px;
  width: 37px;
  height: 38px;
  
  text-indent: -500%;
  overflow: hidden;background-repeat: no-repeat;}

.o-changeAction-pop .close:hover {
  opacity: 0.8;
  /* filter: alpha(opacity=80); */
  filter: alpha(opacity=80);
}

.o-changeAction-pop .action-tab-bd {
  padding-top: 32px;
  text-align: center;
  font-size: 12px;
  color: #666;
}

.o-changeAction-pop .action-tab-bd .action-video {
  width: 300px;
  height: 170px;
  margin: 0 auto 10px;
}

.o-changeAction-pop .change {
  background-color: #F22923;
  height: 42px;
  line-height: 42px;
  text-align: center;
  padding: 0 30px;
  color: #fff;
  font-size: 18px;
  box-sizing: content-box;
}

.o-changeAction-pop .action-tab-ft {
  padding-top: 30px;
  text-align: center;
}

.o-changeAction-pop-bd h3 {
  line-height: 1.1em;
  padding-top: 25px;
  font-size: 12px;
  color: #666;
  text-align: center;
  margin-bottom: 40px;
}

.action-tab-trigger {
  text-align: center;
  border-bottom: 1px solid #F1F1F1;
}

.action-tab-trigger a {
  display: inline-block;
  padding-bottom: 8px;
  line-height: 1.1em;
  font-size: 12px;
  color: #666;
  margin: 0 30px;
}

.action-tab-trigger a.cur {
  border-bottom: 2px solid #FA4C48;
}

/* 动作信息 */
.o-video-info {
  background: #ffffff;
  position: relative;
  top: -10px;
  font-family: "microsoft Yahei";
}

.o-video-info .info-hd {
  border-bottom: 1px solid #f1f1f1;
  margin-right: 16px;
  position: relative;
  /* .video-share{
			position: relative;
     		display: inline-block;
     		margin: 14px 0 0 17px;
     		.share-btn{
     			display: block;
				color: #666666;
				font-size: 12px;
				font-family: "song";
     		}
     		.want-share{
     			border:1px solid #e0e0e0;
     			padding:0 21px 0 8px;
     			height: 28px;
				line-height: 28px;
				position:relative;
				z-index: 1000;
		        background: #FFFFFF;
     			&>i{
					position:absolute;
					display: inline-block;
					width: 7px;
					height: 4px;
					top: 11px;
					right: 6px;
				}
				&:hover{
					border: none;
			        border-left: 1px solid #e0e0e0;
			        border-top: 1px solid #e0e0e0;
			        border-right: 1px solid #e0e0e0;
			        & + ul{
			        	display: block;
			        }
				}
     		}
			.share-list{
				position: absolute;
		        top: 27px;
		        padding-top: 6px;
		        border: 1px solid #e0e0e0;
		        z-index: 999;
		        display: none;
				&>li{
					width: 90px;
					height: 28px;
					line-height: 28px;
					background:#ffffff;
					&>a{
						padding-left:31px;
						position:relative;
						&:hover{
							background:#f6f6f6;
						}
						&>i{
							position:absolute;
							display: inline-block;
							width: 16px;
							height: 16px;
							top: 7px;
							left: 8px;
						}
					}
				}
				&:hover{
					display: block;
				}
			}
		} */
}

.o-video-info .info-hd .video-title {
  font-size: 20px;
  color: #333333;
  line-height: 52px;
  height: 52px;
  float: left;
  margin-left: 23px;
}

.o-video-info .info-hd .m-share-list {
  float: left;
  font-size: 12px;
  line-height: 26px;
  margin-left: 15px;
  margin-top: 12px;
}

.o-video-info .info-hd .choose-coach-wrap {
  display: inline-block;
  width: 100px;
  height: 24px;
  overflow: hidden;
  position: relative;
  left: 22px;
  top: 14px;
  background: #ffffff;
}

.o-video-info .info-hd .choose-coach-wrap > em {
  display: inline-block;
  cursor: pointer;
  width: 50%;
  line-height: 24px;
  height: 24px;
  color: #999999;
  font-size: 12px;
  font-family: "song";
  text-align: center;
  position: absolute;
  top: 0;
  border: 1px solid #E1E1E1;
}

.o-video-info .info-hd .choose-coach-wrap > em.selected {
  background: #f12b24;
  border: 1px solid #f12b24;
  color: #ffffff;
}

.o-video-info .info-hd .choose-coach-wrap > em.coach-man {
  left: 0;
  border-radius: 5px 0 0 5px;
}

.o-video-info .info-hd .choose-coach-wrap > em.coach-woman {
  right: 0;
  border-radius: 0 5px 5px 0;
}

.o-video-info .info-hd .join-num {
  position: absolute;
  right: 0;
  bottom: 19px;
  font-size: 14px;
  color: #999999;
}

.o-video-info .info-main {
  margin-top: 17px;
  padding-bottom: 24px;
}

.o-video-info .info-main .info-main-section {
  display: inline-block;
  padding: 3px 20px;
  border-right: 1px solid #f2f2f2;
}

.o-video-info .info-main .info-main-section > p {
  color: #333333;
  font-weight: bold;
  font-size: 12px;
}

.o-video-info .info-main .info-main-section > p.p-mg-bottom {
  margin-bottom: 18px;
}

.o-video-info .info-main .info-main-section > p > em {
  color: #666666;
}

.o-video-info .info-main .info-main-section > p a {
  color: #167ac6;
}

.o-video-info .info-main .info-main-section > p a:hover {
  text-decoration: underline !important;
}

.o-video-info .icon-sina {background-repeat: no-repeat;}

.o-video-info .icon-kongjian {background-repeat: no-repeat;}

.o-video-info .icon-wechat {background-repeat: no-repeat;}

.o-video-info .icon-qq {background-repeat: no-repeat;}

.o-video-info .icon-close2 {
  background: url("/static/img/player/icon-close2.png?__sprite2") no-repeat;
}

/* 动作要领图 */
.o-video-guide-pics {
  background: #FFFFFF;
  margin-bottom: 10px;
  padding-top: 19px;
  padding-bottom: 70px;
}

.o-video-guide-pics .guide-pics-title {
  color: #333333;
  font-family: "microsoft YaHei";
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

.o-video-guide-pics .guide-pic-wrap {
  width: 936px;
  height: 447px;
  margin: 16px auto 0;
}

.o-video-guide-pics .guide-pic-wrap .guide-pic-list {
  width: 8000px;
}

.o-video-guide-pics .guide-pic-wrap .guidd-item {
  width: 840px;
  height: 447px;
}

.o-video-guide-pics .guide-pic-wrap .ui-slide {
  width: 100%;
}

.o-video-guide-pics .guide-pic-wrap .ui-slide__inner {
  width: 840px;
  height: 447px;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
}

.o-video-guide-pics .guide-pic-wrap .ui-slide__panel {
  width: 840px;
  height: 447px;
  text-align: center;
  line-height: 447px;
}

.o-video-guide-pics .guide-pic-wrap .ui-slide__panel img {
  display: inline;
  width: auto;
  height: auto;
  max-height: 100%;
}

.o-video-guide-pics .guide-pic-wrap .ui-slide__prev {
  width: 48px;
  height: 48px;
  text-align: center;
  line-height: 48px;
  margin-top: -24px;
  left: 0;
  border: 1px solid transparent;
}

.o-video-guide-pics .guide-pic-wrap .ui-slide__prev i {width: 13px;
  height: 21px;
  
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;background-repeat: no-repeat;}

.o-video-guide-pics .guide-pic-wrap .ui-slide__prev:hover {
  border: 1px solid #ededed;
  background: #f9f9f9;
}

.o-video-guide-pics .guide-pic-wrap .ui-slide__nav {
  display: block;
  text-align: center;
  height: 15px;
  margin-top: 10px;
}

.o-video-guide-pics .guide-pic-wrap .ui-slide__trigger {
  width: 8px;
  height: 8px;
  background: #9c9c9c;
  border-radius: 4px;
  margin: 0 5px;
  display: inline-block;
  cursor: pointer;
}

.o-video-guide-pics .guide-pic-wrap .ui-slide__trigger.is-active {
  background: #bb3b3b;
  cursor: default;
}

.o-video-guide-pics .guide-pic-wrap .ui-slide__next {
  width: 48px;
  height: 48px;
  text-align: center;
  line-height: 48px;
  margin-top: -24px;
  right: 0;
  border: 1px solid transparent;
}

.o-video-guide-pics .guide-pic-wrap .ui-slide__next i {width: 13px;
  height: 21px;
  
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;background-repeat: no-repeat;}

.o-video-guide-pics .guide-pic-wrap .ui-slide__next:hover {
  border: 1px solid #ededed;
  background: #f9f9f9;
}

.o-video-guide-pics2 {
  width: 100%;
  background: #FFFFFF;
  padding: 26px 0 24px 0;
  font-family: "microsoft YaHei";
  margin-bottom: 10px;
}

.o-video-guide-pics2 .guide-pics-title {
  color: #333333;
  font-size: 20px;
  font-weight: bold;
  padding-left: 30px;
}

.o-video-guide-pics2 .guide-pic-wrap {
  margin: 18px 16px 0 33px;
}

.o-video-guide-pics2 .guide-pic-wrap .guide-pic-list {
  margin-right: -12px;
  width: 100%;
}

.o-video-guide-pics2 .guide-pic-wrap .guide-pic-list li {
  width: 32%;
  float: left;
  margin: 0 4px;
}

.o-video-guide-pics2 .guide-pic-wrap .guide-pic-list li .img-wrap {
  position: relative;
}

.o-video-guide-pics2 .guide-pic-wrap .guide-pic-list li .gif-mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  cursor: pointer;
}

.o-video-guide-pics2 .guide-pic-wrap .guide-pic-list li .gif-mask.hide {
  display: none;
}

.o-video-guide-pics2 .guide-pic-wrap .guide-pic-list li .gif-mask:before {content: '';
  width: 60px;
  height: 60px;
  
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;background-repeat: no-repeat;}

.o-video-guide-pics2 .guide-pic-wrap .guide-pic-list li img {
  width: 100%;
  display: block;
  overflow: hidden;
  padding-right: 8px;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.o-video-guide-pics2 .guide-pic-wrap .guide-pic-list li .guide-point-wrap {
  border-right: 1px solid #ebebeb;
}

.o-video-guide-pics2 .guide-pic-wrap .guide-pic-list li .guide-point-wrap.no-border {
  border: none;
}

.o-video-guide-pics2 .guide-pic-wrap .guide-pic-list li pre {
  font-size: 12px;
  color: #666666;
  line-height: 18px;
  position: relative;
  margin: 16px 6px 0 0;
  text-align: justify;
  padding-right: 2px;
  word-break: break-word;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
  font-family: Tahoma, "Microsoft YaHei", sans-serif;
}

.o-video-guide-pics2 .guide-pic-wrap .guide-pic-list li pre em {
  font-weight: bold;
  position: absolute;
  top: 0;
  left: 0;
}

.guide-pic-Photoswipe {
  width: 1000px;
  height: 100%;
  margin: 0 auto;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.guide-pic-Photoswipe span {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 960px;
  line-height: 960px;
  margin-top: -480px;
}

.guide-pic-Photoswipe img {
  max-width: 100% !important;
  vertical-align: middle;
}

/* 替换动作 */
.o-video-next-pics {
  width: 100%;
  background: #FFFFFF;
  padding: 26px 0 24px 0;
  font-family: "microsoft YaHei";
}

.o-video-next-pics .next-pics-title {
  color: #333333;
  font-size: 20px;
  font-weight: bold;
  padding-left: 30px;
}

.o-video-next-pics .next-pics-wrap {
  margin: 20px 22px 0 22px;
}

.o-video-next-pics .next-pics-wrap > ul {
  width: 1000px;
  height: 183px;
  overflow: hidden;
  padding: 3px;
}

.o-video-next-pics .next-pics-wrap > ul > li {
  width: 220px;
  float: left;
  margin-right: 25px;
}

.o-video-next-pics .next-pics-wrap > ul > li > a {
  display: block;
  padding: 6px;
  -webkit-transition: all .4s;
  transition: all .4s;
}

.o-video-next-pics .next-pics-wrap > ul > li > a .next-pic-name {
  font-size: 14px;
  margin-top: 12px;
}

.o-video-next-pics .next-pics-wrap > ul > li > a > img {
  display: block;
  width: 100%;
  overflow: hidden;
}

.o-video-next-pics .next-pics-wrap > ul > li > a .next-pic-keywords {
  margin-top: 6px;
}

.o-video-next-pics .next-pics-wrap > ul > li > a .next-pic-keywords > em {
  font-size: 12px;
  color: #999;
  margin-right: 6px;
}

.o-video-next-pics .next-pics-wrap > ul > li > a:hover {
  border-size: content-box;
  -ms-box-shadow: 0 0 8px #bbbbbb;
  -o-box-shadow: 0 0 8px #bbbbbb;
  box-shadow: 0 0 8px #bbbbbb;
}

.menu-search {
  padding: 20px 0;
}

.aside-search {
  position: relative;
  width: 240px;
  margin: 0 auto;
}

.aside-search input {
  height: 30px;
  width: 240px;
  line-height: 30px;
  border: 1px solid #29282a;
  border-radius: 5px;
  padding: 0 13px;
  font-size: 14px;
  color: #666666;
  background-color: #29282a;
}

.aside-search input:focus {
  outline: none;
}

.aside-search .aside-icon-search {
  position: absolute;
  width: 45px;
  height: 30px;
  line-height: 30px;
  background: #252326;
  top: 0;
  right: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  cursor: pointer;
}

.aside-search .aside-icon-search:hover {
  background: #383639;
}

.aside-search .aside-icon-search:after {content: " ";
  width: 18px;
  height: 18px;
  margin-left: 15px;
  display: inline-block;
  vertical-align: middle;background-repeat: no-repeat;}

.menu-search-hide {
  display: none;
}

.aside-search-tips {
  width: 240px;
}

.aside-search-tips .ui-select {
  background-color: #29282a;
  border: 1px solid #29282a;
  border-top: none;
  padding-top: 5px;
  margin-top: -1px;
}

.aside-search-tips .ui-select-item {
  line-height: 35px;
  height: 35px;
  padding: 0 13px;
  font-size: 14px;
  color: #666666;
  overflow: hidden;
}

.aside-search-tips .ui-select-item:hover {
  background-color: #383639;
}

.aside-search-tips .ui-select-item a {
  width: 100%;
  display: block;
}

.aside-search-tips .ui-select-item-hover {
  background-color: #383639;
}

/* 肌肉展示页面 */
.muscle-show {
  *zoom: 1;
  width: 100%;
  padding-bottom: 60px;
  display: none;
}

.muscle-show:before, .muscle-show:after {
  content: "";
  display: table;
  line-height: 0;
}

.muscle-show:after {
  clear: both;
}

.muscle-show.fullpage .muscle-show1, .muscle-show.fullpage .muscle-show2 {
  float: left;
  margin: 0 50px 0 0;
}

.muscle-show .title {
  color: #333333;
  font-size: 30px;
  line-height: 80px;
  height: 80px;
}

.muscle-show .muscle-show1, .muscle-show .muscle-show2 {
  width: 700px;
  position: relative;
  margin: 0 auto 20px;
}

.muscle-show .muscle-show1 img, .muscle-show .muscle-show2 img {
  width: 100%;
  display: block;
  overflow: hidden;
}

.muscle-show .muscle-show1 a, .muscle-show .muscle-show2 a {
  position: absolute;
  width: 80px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  background: #bd4446;
  color: #fff;
}

.muscle-show .muscle-show1 a:hover, .muscle-show .muscle-show2 a:hover {
  background: #bc2e2e;
  text-decoration: underline !important;
}

.muscle-show .muscle-show1 .a1 {
  top: 89px;
  left: 84px;
}

.muscle-show .muscle-show1 .a2 {
  top: 159px;
  left: 84px;
}

.muscle-show .muscle-show1 .a3 {
  top: 225px;
  left: 84px;
}

.muscle-show .muscle-show1 .a4 {
  top: 330px;
  left: 84px;
}

.muscle-show .muscle-show1 .a5 {
  top: 455px;
  left: 84px;
}

.muscle-show .muscle-show1 .a6 {
  top: 600px;
  left: 84px;
}

.muscle-show .muscle-show1 .a7 {
  top: 105px;
  right: 65px;
}

.muscle-show .muscle-show1 .a8 {
  top: 160px;
  right: 65px;
}

.muscle-show .muscle-show1 .a9 {
  top: 215px;
  right: 65px;
}

.muscle-show .muscle-show1 .a10 {
  top: 410px;
  right: 65px;
}

.muscle-show .muscle-show1 .a11 {
  top: 512px;
  right: 65px;
}

.muscle-show .muscle-show2 .a1 {
  top: 140px;
  left: 64px;
}

.muscle-show .muscle-show2 .a2 {
  top: 220px;
  left: 64px;
}

.muscle-show .muscle-show2 .a3 {
  top: 308px;
  left: 64px;
}

.muscle-show .muscle-show2 .a4 {
  top: 435px;
  left: 64px;
}

.muscle-show .muscle-show2 .a5 {
  top: 590px;
  left: 64px;
}

.muscle-show .muscle-show2 .a6 {
  top: 167px;
  right: 82px;
}

.muscle-show .muscle-show2 .a7 {
  top: 265px;
  right: 82px;
}

.muscle-show .muscle-show2 .a8 {
  top: 340px;
  right: 82px;
}

.muscle-show .muscle-show2 .a9 {
  top: 500px;
  right: 80px;
}

.o-course {
  /* 首屏健身计划 */
  /* 推荐课程 */
  /* 全部训练 */
  /* 单个训练 */
}

.o-course .inner {
  width: 1200px;
  margin: 0 auto;
  *zoom: 1;
}

.o-course .inner:before, .o-course .inner:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-course .inner:after {
  clear: both;
}

.o-course .focuse-course {
  margin-top: 38px;
}

.o-course .focuse-course a {
  float: left;
  width: 300px;
  height: 300px;
  position: relative;
}

.o-course .focuse-course a * {
  cursor: pointer;
}

.o-course .focuse-course a:hover .avatar:before {
  opacity: 0;
  /* filter: alpha(opacity=0); */
  filter: alpha(opacity=0);
}

.o-course .focuse-course a:hover .name {
  border-color: #F21010;
  background-color: #F21010;
  color: #fff;
  opacity: 0.72;
  /* filter: alpha(opacity=72); */
  filter: alpha(opacity=72);
}

.o-course .focuse-course a .avatar {
  display: block;
  cursor: pointer;
}

.o-course .focuse-course a .avatar img {
  width: 100%;
  height: 100%;
}

.o-course .focuse-course a .avatar:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: #000;
  cursor: pointer;
  -webkit-transition: opacity ease 200ms;
          transition: opacity ease 200ms;
  opacity: 0.8;
  /* filter: alpha(opacity=80); */
  filter: alpha(opacity=80);
}

.o-course .focuse-course a .name {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 159px;
  height: 58px;
  line-height: 58px;
  font-size: 18px;
  font-family: Tahoma, "Microsoft YaHei", sans-serif;
  text-align: center;
  border: 1px solid #AAAAAA;
  margin-left: -81px;
  margin-top: -30px;
  -webkit-transition: all ease 200ms;
          transition: all ease 200ms;
}

.o-course .promote-course {
  background-color: #E9E9E9;
  padding-bottom: 40px;
}

.o-course .promote-course-hd h3 {
  font-size: 24px;
  color: #333333;
  padding: 30px 0;
  font-weight: 700;
}

.o-course .promote-course-bd ul {
  *zoom: 1;
}

.o-course .promote-course-bd ul:before, .o-course .promote-course-bd ul:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-course .promote-course-bd ul:after {
  clear: both;
}

.o-course .promote-course-bd li {
  float: left;
  overflow: hidden;
  position: relative;
  width: 239px;
  height: 239px;
  cursor: pointer;
  margin-right: 1px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: width ease-in-out 200ms;
          transition: width ease-in-out 200ms;
}

.o-course .promote-course-bd li .promote-link {
  display: block;
  width: 100%;
  height: 100%;
}

.o-course .promote-course-bd li .promote-link .mark {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #000;
  opacity: 0.3;
  /* filter: alpha(opacity=30); */
  filter: alpha(opacity=30);
  -webkit-transition: opacity ease 200ms;
          transition: opacity ease 200ms;
}

.o-course .promote-course-bd li.active {
  width: 479px;
}

.o-course .promote-course-bd li.active h3 {
  display: block;
}

.o-course .promote-course-bd li.active h4 {
  display: none;
}

.o-course .promote-course-bd li.active .mark {
  opacity: 0;
  /* filter: alpha(opacity=0); */
  filter: alpha(opacity=0);
}

.o-course .promote-course-bd li.active p, .o-course .promote-course-bd li.active .promote-course-info {
  display: block;
}

.o-course .promote-course-bd h4 {
  font-size: 24px;
  color: #fff;
  top: 30px;
  left: 25px;
  position: absolute;
}

.o-course .promote-course-bd h3 {
  font-size: 24px;
  color: #fff;
  top: 30px;
  left: 25px;
  display: none;
  position: absolute;
}

.o-course .promote-course-bd p {
  display: none;
  font-size: 14px;
  color: #bbbbbd;
  top: 110px;
  left: 25px;
  position: absolute;
  width: 280px;
  line-height: 28px;
  height: 84px;
  overflow: hidden;
}

.o-course .promote-course-bd img {
  position: absolute;
  right: 0;
  top: 0;
  width: 479px;
  height: 100%;
  display: block;
  overflow: hidden;
}

.o-course .promote-course-bd .promote-course-info {
  display: none;
  position: absolute;
  font-size: 14px;
  width: 280px;
  line-height: 16px;
  top: 80px;
  left: 25px;
  color: #bbbbbd;
}

.o-course .promote-course-bd .promote-course-info em {
  display: inline-block;
  margin-right: 4px;
  vertical-align: middle;
}

.o-course .promote-course-bd .promote-course-diff {
  display: inline-block;
  vertical-align: middle;
  margin-right: 3px;
  width: 90px;
  height: 13px;
  background: url("/static/img/icon-hard-empty2.png") repeat-x;
  position: relative;
}

.o-course .promote-course-bd .promote-course-diff i {
  position: absolute;
  left: 0;
  top: 0;
  height: 13px;
  background: url("/static/img/icon-hard-full2.png") repeat-x;
}

.o-course .promote-course-bd .promote-course-diff.hard-1 i {
  width: 18px;
}

.o-course .promote-course-bd .promote-course-diff.hard-2 i {
  width: 36px;
}

.o-course .promote-course-bd .promote-course-diff.hard-3 i {
  width: 54px;
}

.o-course .promote-course-bd .promote-course-diff.hard-4 i {
  width: 72px;
}

.o-course .promote-course-bd .promote-course-diff.hard-5 i {
  width: 90px;
}

.o-course .exercise-filter {
  line-height: 60px;
  font-size: 14px;
  position: relative;
}

.o-course .exercise-filter label {
  color: #666666;
  margin-right: 10px;
}

.o-course .exercise-filter select {
  margin-right: 10px;
}

.o-course .exercise-filter .filter-sort {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 14px;
  color: #333333;
}

.o-course .exercise-filter .filter-sort span {
  cursor: pointer;
}

.o-course .exercise-filter .filter-sort span:active, .o-course .exercise-filter .filter-sort span:hover, .o-course .exercise-filter .filter-sort span.selected {
  color: #c83939;
}

.o-course .exercise-filter .filter-sort i {
  color: #333333;
  margin: 0 15px;
}

.o-course .exercise-list-hd h3 {
  font-size: 24px;
  color: #333333;
  padding: 25px 0 0;
  font-weight: 700;
}

.o-course .exercise-list-bd {
  padding-bottom: 20px;
}

.o-course .exercise-list-bd ul {
  *zoom: 1;
  position: relative;
  margin-right: -20px;
  max-height: 376px;
  overflow: hidden;
}

.o-course .exercise-list-bd ul:before, .o-course .exercise-list-bd ul:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-course .exercise-list-bd ul:after {
  clear: both;
}

.o-course .exercise-list-bd ul.expand {
  max-height: none;
}

.o-course .exercise-list-bd li {
  float: left;
  width: 388px;
  height: 170px;
  margin-right: 18px;
  margin-bottom: 18px;
  position: relative;
  cursor: pointer;
  overflow: hidden;
}

.o-course .exercise-list-bd li a .mark {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #000;
  opacity: 0.4;
  /* filter: alpha(opacity=40); */
  filter: alpha(opacity=40);
  -webkit-transition: opacity ease 200ms;
          transition: opacity ease 200ms;
  z-index: 10;
}

.o-course .exercise-list-bd li a:hover .mark {
  opacity: 0.1;
  /* filter: alpha(opacity=10); */
  filter: alpha(opacity=10);
}

.o-course .exercise-list-bd .pic-fake {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 400px;
  line-height: 400px;
  margin-top: -200px;
}

.o-course .exercise-list-bd .pic-fake img {
  display: inline-block;
  width: 100%;
  height: auto;
  vertical-align: middle;
  overflow: hidden;
}

.o-course .exercise-list-bd .list-item {
  display: block;
}

.o-course .exercise-list-bd h4 {
  font-size: 24px;
  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.75);
  color: #fff;
  position: absolute;
  top: 24px;
  left: 22px;
  z-index: 11;
}

.o-course .exercise-list-bd .cont {
  position: absolute;
  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.75);
  font-size: 14px;
  color: #fff;
  top: 60px;
  left: 22px;
  line-height: 26px;
  z-index: 11;
}

.o-course .exercise-list-more {
  text-align: center;
  padding-top: 10px;
  display: none;
}

.o-course .exercise-list-more .more-btn {
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.o-course .exercise-list-more .more-btn.more i {background-repeat: no-repeat;}

.o-course .exercise-list-more span {
  color: #333333;
  display: inline-block;
  font-size: 14px;
  line-height: 28px;
  vertical-align: middle;
}

.o-course .exercise-list-more i {display: inline-block;
  vertical-align: middle;
  width: 28px;
  height: 28px;
  margin-right: 15px;background-repeat: no-repeat;}

.o-course .single-list {
  background-color: #E9E9E9;
  padding-bottom: 25px;
}

.o-course .single-sort-tab {
  float: right;
  *zoom: 1;
  padding-top: 30px;
  padding-right: 2px;
}

.o-course .single-sort-tab:before, .o-course .single-sort-tab:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-course .single-sort-tab:after {
  clear: both;
}

.o-course .single-sort-tab li {
  position: relative;
  float: left;
  padding: 0 40px;
  cursor: pointer;
  font-size: 14px;
  color: #999999;
  line-height: 20px;
}

.o-course .single-sort-tab li:after {
  content: "/";
  position: absolute;
  right: -1px;
  top: 0;
  color: #999;
  font-size: 14px;
}

.o-course .single-sort-tab li:hover {
  color: #c83939;
}

.o-course .single-sort-tab li.active:before {position: absolute;
  content: "";
  display: block;
  width: 55px;
  height: 6px;
  
  bottom: -10px;
  left: 50%;
  margin-left: -27.5px;background-repeat: no-repeat;}

.o-course .single-list-hd {
  *zoom: 1;
}

.o-course .single-list-hd:before, .o-course .single-list-hd:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-course .single-list-hd:after {
  clear: both;
}

.o-course .single-list-hd h3 {
  font-size: 24px;
  color: #333333;
  padding: 30px 0;
  font-weight: 700;
  float: left;
}

.o-course .single-list-bd ul {
  *zoom: 1;
  margin-right: -18px;
}

.o-course .single-list-bd ul:before, .o-course .single-list-bd ul:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-course .single-list-bd ul:after {
  clear: both;
}

.o-course .single-list-bd li {
  float: left;
  width: 288px;
  height: 116px;
  margin-right: 16px;
  margin-bottom: 16px;
  background-color: #f2f2f2;
  -webkit-transition: all 300ms ease;
          transition: all 300ms ease;
}

.o-course .single-list-bd li:hover {
  -webkit-transform: translate3d(0, -2px, 0);
          transform: translate3d(0, -2px, 0);
  box-shadow: 0 0px 8px #BDBCBC;
}

.o-course .single-list-bd a {
  display: block;
  width: 100%;
  height: 100%;
  *zoom: 1;
}

.o-course .single-list-bd a:before, .o-course .single-list-bd a:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-course .single-list-bd a:after {
  clear: both;
}

.o-course .single-list-bd .item-fl {
  float: left;
  width: 70px;
  height: 100%;
  background-color: #525067;
}

.o-course .single-list-bd .item-fl span {
  margin-top: 32px;
  font-size: 24px;
  color: #fff;
  display: block;
  width: 100%;
  text-align: center;
}

.o-course .single-list-bd .item-fl em {
  margin-top: 15px;
  font-size: 14px;
  color: #fff;
  display: block;
  width: 100%;
  text-align: center;
}

.o-course .single-list-bd .item-fr {
  width: 198px;
  height: 86px;
  margin-left: 70px;
  padding: 15px 10px;
  overflow: hidden;
}

.o-course .single-list-bd .item-fr strong {
  font-size: 18px;
  color: #333333;
}

.o-sitemap {
  width: 1110px;
  margin: 0 auto;
  background-color: #FFF;
  padding: 0 45px;
  margin-bottom: 40px;
}

.o-sitemap .section {
  *zoom: 1;
  border-bottom: 1px solid #F4F4F4;
  margin-top: 30px;
}

.o-sitemap .section:before, .o-sitemap .section:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-sitemap .section:after {
  clear: both;
}

.o-sitemap .section-hd {
  *zoom: 1;
}

.o-sitemap .section-hd:before, .o-sitemap .section-hd:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-sitemap .section-hd:after {
  clear: both;
}

.o-sitemap .section-hd h3 {
  border-left: 2px solid #CA131C;
  padding-left: 16px;
  font-size: 22px;
  font-family: Tahoma, "Microsoft YaHei", sans-serif;
  color: #333;
  height: 24px;
  line-height: 24px;
}

.o-sitemap .section-bd {
  color: #BABABA;
  padding: 13px 0 29px;
}

.o-sitemap .section-bd a {
  font-size: 14px;
  color: #666;
  margin: 0 20px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 10px 0 0 0;
}

.o-sitemap .section-bd a:hover {
  color: #D01520;
}

.o-sitemap-hd {
  border-bottom: 1px solid #F4F4F4;
  padding-top: 40px;
  *zoom: 1;
}

.o-sitemap-hd:before, .o-sitemap-hd:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-sitemap-hd:after {
  clear: both;
}

.o-sitemap-hd h2 {
  font-size: 26px;
  color: #333;
  line-height: 1.1em;
  border-bottom: 2px solid #CA131C;
  position: relative;
  margin-bottom: -1px;
  float: left;
  padding: 0 28px 12px 3px;
  font-family: Tahoma, "Microsoft YaHei", sans-serif;
}

/* 友情链接样式 */
.o-other-wrap .link-hd {
  border-bottom: 1px solid #e9e9e9;
  *zoom: 1;
}

.o-other-wrap .link-hd:before, .o-other-wrap .link-hd:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-other-wrap .link-hd:after {
  clear: both;
}

.o-other-wrap .link-hd h3 {
  color: #000;
  font-size: 20px;
  border-bottom: 2px solid #c9151e;
  line-height: 38px;
  float: left;
  padding-right: 10px;
  position: relative;
  bottom: -1px;
  font-family: Tahoma, "Microsoft YaHei", sans-serif;
}

.o-other-wrap .link-bd {
  margin-top: 15px;
}

.o-other-wrap .link-bd p {
  line-height: 28px;
  font-size: 16px;
  color: #666666;
}

.o-other-wrap .link-group {
  margin-right: -30px;
  margin-bottom: 15px;
  *zoom: 1;
}

.o-other-wrap .link-group:before, .o-other-wrap .link-group:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-other-wrap .link-group:after {
  clear: both;
}

.o-other-wrap .link-group li {
  float: left;
  width: 197px;
  height: 55px;
  margin-right: 30px;
  margin-bottom: 10px;
}

.o-other-wrap .link-group img {
  display: block;
  width: 100%;
  overflow: hidden;
}

.o-other-wrap .link-contact {
  font-size: 16px;
  color: #666666;
}

.o-other-wrap .link-contact span {
  color: #999999;
}

.o-other-banner .banner-con {
  width: 100%;
  height: 335px;
  background: url(../img/other-banner-1.jpg) center no-repeat;
}

.o-other-about {
  padding-top: 25px;
  min-height: 420px;
  *zoom: 1;
}

.o-other-about:before, .o-other-about:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-other-about:after {
  clear: both;
}

.about-col-fl {
  float: left;
  width: 445px;
}

.about-col-fr {
  float: right;
  width: 430px;
}

.o-other-link {
  min-height: 750px;
  background-color: #FFF;
  padding: 20px 50px;
}

.o-other-link .linkcon-pic {
  margin: 12px 30px 12px 0;
  float: left;
  width: 140px;
  height: 60px;
  overflow: hidden;
}

.o-other-link .linkcon-pic img {
  width: 100%;
  overflow: hidden;
  display: block;
}

.o-other-link .linkcon-group {
  margin-right: -31px;
  *zoom: 1;
}

.o-other-link .linkcon-group:before, .o-other-link .linkcon-group:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-other-link .linkcon-group:after {
  clear: both;
}

.o-other-link .linkhref-group {
  margin-top: 25px;
  border-top: 1px solid #ededed;
  margin-right: -31px;
  padding-top: 15px;
  *zoom: 1;
}

.o-other-link .linkhref-group:before, .o-other-link .linkhref-group:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-other-link .linkhref-group:after {
  clear: both;
}

.o-other-link .linkhref-group li {
  float: left;
  width: 140px;
  margin-right: 30px;
  margin-bottom: 25px;
  color: #606060;
}

.o-other-link .linkhref-group a:hover {
  color: #c9151e;
}

.o-other-join {
  padding: 40px 0 0;
}

.o-other-join .join-con {
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 15px;
  margin-top: 20px;
}

.o-other-join .join-con h4 {
  color: #000000;
  font-size: 14px;
  margin-bottom: 10px;
}

.o-other-join .join-con p {
  color: #666666;
  font-size: 14px;
  line-height: 24px;
}

.o-ucenter {
  background-color: #F2F2F2;
}

.o-ucenter-inner {
  width: 1200px;
  margin: 0 auto;
}

.o-ucenter-inner .mod-crumbs {
  margin: 14px 0;
  font-size: 12px;
}

.o-ucenter-wrap {
  *zoom: 1;
  font-family: "Microsoft Yahei";
}

.o-ucenter-wrap:before, .o-ucenter-wrap:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-ucenter-wrap:after {
  clear: both;
}

.o-ucenter-wrap .col-main {
  float: left;
  width: 800px;
  min-height: 600px;
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px rgba(1, 1, 1, 0.05);
  margin-bottom: 40px;
  padding-bottom: 40px;
}

.o-ucenter-wrap .col-aside {
  float: right;
  width: 380px;
}

.o-ucenter-wrap .main-hd .hd-1 {
  line-height: 80px;
  padding-left: 28px;
}

.o-ucenter-wrap .main-hd .hd-2 {
  line-height: 80px;
  padding-left: 28px;
}

.o-ucenter-wrap .main-hd .h-icon {width: 50px;
  height: 50px;
  
  display: inline-block;
  vertical-align: middle;background-repeat: no-repeat;}

.o-ucenter-wrap .main-hd .h-tips {
  font-size: 14px;
  color: #666666;
  margin-left: 30px;
  line-height: 28px;
  display: inline-block;
  vertical-align: middle;
}

.o-ucenter-wrap .main-hd .h-btn1 {
  color: #fb625a;
  border: 1px solid #fb625a;
  padding: 0 15px;
  font-size: 14px;
  line-height: 28px;
  margin-left: 30px;
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: background 300ms ease;
          transition: background 300ms ease;
}

.o-ucenter-wrap .main-hd .h-btn1:hover {
  background: #FDDBD9;
}

.o-ucenter-wrap .main-hd .h-btn2 {font-size: 14px;
  line-height: 24px;
  width: 24px;
  height: 24px;
  
  margin-left: 20px;
  display: inline-block;
  vertical-align: middle;background-repeat: no-repeat;}

.o-ucenter-wrap .main-hd .h-btn3 {
  font-size: 14px;
  line-height: 24px;
  height: 24px;
  color: #9dbfed;
  margin-left: 15px;
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: color 300ms ease;
          transition: color 300ms ease;
}

.o-ucenter-wrap .main-hd .h-btn3:hover {
  color: #5F90D2;
}

.o-ucenter-wrap .main-hd .h-title {
  color: #666666;
  font-size: 14px;
  line-height: 24px;
  display: inline-block;
  vertical-align: middle;
}

.o-ucenter-wrap .main-hd .h-title strong {
  font-weight: bold;
  display: block;
  text-align: right;
}

.o-ucenter-wrap .main-hd .h-progress {
  height: 9px;
  width: 550px;
  background: #ebebeb;
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
  position: relative;
}

.o-ucenter-wrap .main-hd .progress-con {
  position: absolute;
  left: 0;
  top: 0;
  height: 9px;
  background: url(/static/img/user/progress.png) left center no-repeat;
}

.o-ucenter-wrap .main-hd .center-type {
  *zoom: 1;
  border: 1px solid #eeeeee;
  width: 189px;
  margin: 20px 0 0 20px;
  background: #fbfbfb;
}

.o-ucenter-wrap .main-hd .center-type:before, .o-ucenter-wrap .main-hd .center-type:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-ucenter-wrap .main-hd .center-type:after {
  clear: both;
}

.o-ucenter-wrap .main-hd .center-type a {
  display: block;
  float: left;
  width: 50%;
  height: 40px;
  line-height: 40px;
  color: #333333;
  text-align: center;
  font-size: 14px;
}

.o-ucenter-wrap .main-hd .center-type a:hover {
  color: #999;
}

.o-ucenter-wrap .main-hd .center-type a.active {
  color: #FFF;
  background: #ea4040;
}

.o-ucenter-wrap .main-bd {
  margin: 0 25px;
}

.o-ucenter-wrap .main-bd .today-list {
  padding-bottom: 20px;
  margin-right: -22px;
  *zoom: 1;
}

.o-ucenter-wrap .main-bd .today-list:before, .o-ucenter-wrap .main-bd .today-list:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-ucenter-wrap .main-bd .today-list:after {
  clear: both;
}

.o-ucenter-wrap .main-bd .today-list li {
  float: left;
  width: 235px;
  height: 206px;
  overflow: hidden;
  margin-right: 20px;
  margin-bottom: 20px;
  background: #fff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  box-shadow: 0px 0px 6px 0px rgba(1, 1, 1, 0.2);
  -webkit-transition: box-shadow 300ms ease;
          transition: box-shadow 300ms ease;
}

.o-ucenter-wrap .main-bd .today-list li:hover {
  box-shadow: 0px 0px 7px 2px rgba(1, 1, 1, 0.2);
}

.o-ucenter-wrap .main-bd .today-list li:hover .btn-train {
  top: 0;
}

.o-ucenter-wrap .main-bd .list-hd {
  height: 152px;
  padding: 0 15px;
  position: relative;
}

.o-ucenter-wrap .main-bd .list-hd h4 {
  font-size: 16px;
  color: #d8dbe7;
  line-height: 45px;
  height: 45px;
  overflow: hidden;
  position: relative;
  z-index: 2;
}

.o-ucenter-wrap .main-bd .list-hd p {
  font-size: 14px;
  color: #fff;
  line-height: 20px;
  height: 60px;
  position: relative;
  z-index: 2;
}

.o-ucenter-wrap .main-bd .list-hd h5 {
  font-size: 16px;
  color: #fff;
  line-height: 45px;
  position: relative;
  z-index: 2;
}

.o-ucenter-wrap .main-bd .list-hd .pic-fake {
  background: #000;
  position: absolute;
  width: 100%;
  height: 152px;
  left: 0;
  top: 0;
  z-index: 1;
  overflow: hidden;
}

.o-ucenter-wrap .main-bd .list-hd .pic-fake span {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 300px;
  margin-top: -150px;
  line-height: 300px;
}

.o-ucenter-wrap .main-bd .list-hd .pic-fake img {
  display: inline-block;
  width: 100%;
  height: auto;
  overflow: hidden;
  vertical-align: middle;
}

.o-ucenter-wrap .main-bd .list-hd .icon-level {
  display: inline-block;
  vertical-align: middle;
  margin: -2px 5px 0;
  width: 90px;
  height: 14px;
  background: url("/static/img/icon-hard-empty2.png") repeat-x;
  position: relative;
}

.o-ucenter-wrap .main-bd .list-hd .icon-level i {
  position: absolute;
  left: 0;
  top: 0;
  height: 14px;
  background: url("/static/img/icon-hard-full2.png") repeat-x;
}

.o-ucenter-wrap .main-bd .list-hd .icon-level.hard-1 i {
  width: 18px;
}

.o-ucenter-wrap .main-bd .list-hd .icon-level.hard-2 i {
  width: 36px;
}

.o-ucenter-wrap .main-bd .list-hd .icon-level.hard-3 i {
  width: 54px;
}

.o-ucenter-wrap .main-bd .list-hd .icon-level.hard-4 i {
  width: 72px;
}

.o-ucenter-wrap .main-bd .list-hd .icon-level.hard-5 i {
  width: 90px;
}

.o-ucenter-wrap .main-bd .list-hd .finish {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url(/static/img/user/mask-finish.png) no-repeat;
}

.o-ucenter-wrap .main-bd .list-bd {
  height: 4px;
  background: #dddddd;
}

.o-ucenter-wrap .main-bd .list-bd .progress-con {
  height: 100%;
  background: #67d58e;
}

.o-ucenter-wrap .main-bd .list-ft {
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  color: #a8acba;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.o-ucenter-wrap .main-bd .list-ft .btn-train {
  position: absolute;
  left: 0;
  top: 50px;
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: #ec5f5f;
  -webkit-transition: top 300ms ease;
          transition: top 300ms ease;
  color: #fff;
  font-size: 14px;
  text-align: center;
}

.o-ucenter-wrap .main-bd .list-ft span {
  margin: 0 5px;
}

.o-ucenter-wrap .main-ft {
  margin: 0 25px;
}

.o-ucenter-wrap .my-course {
  width: 328px;
  height: 227px;
  position: relative;
  background: #000;
}

.o-ucenter-wrap .my-course .img-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
}

.o-ucenter-wrap .my-course .img-wrap img {
  width: 100%;
  display: block;
  overflow: hidden;
}

.o-ucenter-wrap .my-course h2 {
  font-size: 18px;
  color: #ffffff;
  position: relative;
  padding: 14px 68px 20px 23px;
  line-height: 30px;
}

.o-ucenter-wrap .my-course h2 span {
  margin-right: 8px;
}

.o-ucenter-wrap .my-course .trans-list {
  height: 70px;
}

.o-ucenter-wrap .my-course p {
  font-size: 14px;
  color: #FFF;
  height: 20px;
  line-height: 20px;
  padding-left: 47px;
  position: relative;
  margin: 6px 0 0 20px;
}

.o-ucenter-wrap .my-course p em {
  margin-left: 26px;
}

.o-ucenter-wrap .my-course p:before {content: "";
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  left: 0;background-repeat: no-repeat;}

.o-ucenter-wrap .my-course p.finished {
  color: #ef5561;
}

.o-ucenter-wrap .my-course p.finished:before {background-repeat: no-repeat;}

.o-ucenter-wrap .my-course .btn-start {
  display: block;
  width: 194px;
  height: 34px;
  line-height: 34px;
  color: #FFF;
  background: #ea4040;
  text-align: center;
  border-radius: 2px;
  font-size: 14px;
  position: relative;
  margin: 0 auto;
}

.o-ucenter-wrap .my-course .btn-start:hover {
  background: #f75e5e;
}

.o-ucenter-wrap .my-course .btn-cal {display: block;
  position: absolute;
  top: 15px;
  right: 22px;
  width: 22px;
  height: 21px;background-repeat: no-repeat;}

.o-ucenter-wrap .record-timeline {
  position: absolute;
  left: 27px;
  width: 2px;
  background: #e6e6e6;
  top: 0;
  height: 100%;
}

.o-ucenter-wrap .record-list {
  padding: 0 10px 30px 20px;
  position: relative;
}

.o-ucenter-wrap .record-list .record-group {
  padding-left: 26px;
  padding-bottom: 10px;
  position: relative;
}

.o-ucenter-wrap .record-list .record-hd {
  margin-bottom: 18px;
}

.o-ucenter-wrap .record-list .record-hd h3 {
  color: #999999;
  font-size: 14px;
  line-height: 18px;
}

.o-ucenter-wrap .record-list .record-hd em {
  margin-right: 20px;
}

.o-ucenter-wrap .record-list .record-icon {position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 16px;
  height: 16px;background-repeat: no-repeat;}

.o-ucenter-wrap .record-list .record-item {
  padding: 10px 20px;
  background: #fff;
  margin-bottom: 8px;
}

.o-ucenter-wrap .record-list .record-item.expand {
  height: 27px;
  overflow: hidden;
}

.o-ucenter-wrap .record-list .record-item.expand .item-title i {background-repeat: no-repeat;}

.o-ucenter-wrap .record-list .item-title {
  *zoom: 1;
  margin-top: 5px;
  margin-bottom: 15px;
}

.o-ucenter-wrap .record-list .item-title:before, .o-ucenter-wrap .record-list .item-title:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-ucenter-wrap .record-list .item-title:after {
  clear: both;
}

.o-ucenter-wrap .record-list .item-title h4 {
  font-size: 18px;
  color: #666666;
  float: left;
}

.o-ucenter-wrap .record-list .item-title p {
  font-size: 12px;
  color: #999999;
  float: left;
  margin: 5px 0 0 25px;
}

.o-ucenter-wrap .record-list .item-title p em {
  margin-right: 20px;
}

.o-ucenter-wrap .record-list .item-title span {
  font-size: 12px;
  color: #999999;
  float: right;
  line-height: 18px;
  cursor: pointer;
}

.o-ucenter-wrap .record-list .item-title span i {width: 12px;
  height: 7px;
  margin-left: 6px;
  display: inline-block;
  vertical-align: middle;background-repeat: no-repeat;}

.o-ucenter-wrap .record-list .item-list {
  padding: 5px 10px;
  background: #f9f9f9;
  *zoom: 1;
}

.o-ucenter-wrap .record-list .item-list:before, .o-ucenter-wrap .record-list .item-list:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-ucenter-wrap .record-list .item-list:after {
  clear: both;
}

.o-ucenter-wrap .record-list .item-list li {
  float: left;
  margin-right: 40px;
  line-height: 24px;
  font-size: 12px;
  color: #999999;
}

.o-ucenter-wrap .bd-empty {
  width: 580px;
  margin: 0 auto;
  padding-bottom: 100px;
}

.o-ucenter-wrap .bd-empty .empty-hd {
  height: 100px;
  background: url(/static/img/user/title-2.png) center no-repeat;
}

.o-ucenter-wrap .bd-empty .empty-bd {
  *zoom: 1;
}

.o-ucenter-wrap .bd-empty .empty-bd:before, .o-ucenter-wrap .bd-empty .empty-bd:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-ucenter-wrap .bd-empty .empty-bd:after {
  clear: both;
}

.o-ucenter-wrap .bd-empty .empty-bd p {
  font-size: 14px;
  color: #949ba0;
  line-height: 26px;
}

.o-ucenter-wrap .bd-empty .bd-con1 {
  float: left;
  width: 218px;
}

.o-ucenter-wrap .bd-empty .bd-con1 span {
  cursor: pointer;
  color: #ffffff;
  background: #72d5b3;
  display: block;
  font-size: 18px;
  line-height: 70px;
  text-align: center;
  -webkit-transition: background 300ms ease;
          transition: background 300ms ease;
}

.o-ucenter-wrap .bd-empty .bd-con1 span:hover {
  background: #41B990;
}

.o-ucenter-wrap .bd-empty .bd-con2 {
  width: 218px;
  display: block;
  margin: 0 auto;
}

.o-ucenter-wrap .bd-empty .bd-con2 span {
  cursor: pointer;
  color: #ffffff;
  background: #ff8853;
  display: block;
  font-size: 18px;
  line-height: 70px;
  text-align: center;
  -webkit-transition: background 300ms ease;
          transition: background 300ms ease;
}

.o-ucenter-wrap .bd-empty .bd-con2 span:hover {
  background: #E46E39;
}

.o-ucenter-wrap .ft-empty {
  height: 270px;
  background: url(/static/img/user/user-bg2.jpg) center no-repeat;
}

.o-ucenter-wrap .day-record-list > ul .day-record-group {
  background: #ffffff;
  position: relative;
  margin-bottom: 14px;
}

.o-ucenter-wrap .day-record-list > ul .day-record-group .record-time {
  color: #666666;
  font-weight: bold;
  font-size: 12px;
  line-height: 42px;
  border-bottom: 1px solid #f8f8f8;
  margin: 0 22px;
}

.o-ucenter-wrap .day-record-list > ul .day-record-group .day-record-banner {
  position: absolute;
  top: 0;
  right: 22px;
  height: 42px;
  line-height: 42px;
  color: #999999;
  font-size: 12px;
}

.o-ucenter-wrap .day-record-list > ul .day-record-group .day-record-banner .total-consume {
  margin-left: 20px;
}

.o-ucenter-wrap .day-record-list > ul .day-record-group .day-record-banner .total-time {
  margin-left: 20px;
}

.o-ucenter-wrap .day-record-list > ul .day-record-group .trainning-list > li {
  line-height: 42px;
  position: relative;
  margin: 0 22px 0 32px;
  padding-left: 10px;
  border-bottom: 1px dashed #efefef;
}

.o-ucenter-wrap .day-record-list > ul .day-record-group .trainning-list > li .trainning-title {
  color: #999999;
  font-size: 12px;
}

.o-ucenter-wrap .day-record-list > ul .day-record-group .trainning-list > li .trainning-title .trainning_date {
  margin-left: 12px;
}

.o-ucenter-wrap .day-record-list > ul .day-record-group .trainning-list > li .trainning-intro {
  position: absolute;
  top: 0;
  right: 0;
  color: #999999;
  font-size: 12px;
}

.o-ucenter-wrap .day-record-list > ul .day-record-group .trainning-list > li .trainning-intro > em {
  margin-left: 18px;
}

.o-ucenter-wrap .data-show {
  background: #363757;
  margin-bottom: 15px;
  position: relative;
}

.o-ucenter-wrap .data-show .data-method {
  *zoom: 1;
  border-bottom: 1px solid #48496c;
}

.o-ucenter-wrap .data-show .data-method:before, .o-ucenter-wrap .data-show .data-method:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-ucenter-wrap .data-show .data-method:after {
  clear: both;
}

.o-ucenter-wrap .data-show .data-method > a {
  display: inline-block;
  width: 100px;
  height: 52px;
  line-height: 52px;
  text-align: center;
  text-decoration: none;
  float: left;
  color: #999ac4;
  font-size: 16px;
  border-right: 1px solid #48496c;
}

.o-ucenter-wrap .data-show .data-method > a:hover, .o-ucenter-wrap .data-show .data-method > a.current {
  background: rgba(118, 120, 178, 0.2);
}

.o-ucenter-wrap .data-show .data-unit {
  position: absolute;
  top: 76px;
  left: 80px;
  color: #f73846;
  font-size: 14px;
  font-weight: bold;
  z-index: 2;
}

.o-ucenter-wrap .data-show .btn-share-data {
  display: inline-block;
  background: #31314b;
  font-size: 12px;
  color: #8e8fb8;
  width: 72px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  position: absolute;
  top: 16px;
  right: 12px;
}

.o-ucenter-wrap .data-show .data-datails {
  height: 400px;
  margin: 0 20px;
  padding: 18px 19px 0;
  box-sizing: border-box;
  background: #393a59;
  position: relative;
}

.o-ucenter-wrap .data-show .data-datails .line {
  position: absolute;
  bottom: 160px;
  display: block;
  width: 1px;
  line-height: 31px;
  height: 31px;
  background: #b0b0bd;
}

.o-ucenter-wrap .data-show .data-datails .line01 {
  left: 186px;
}

.o-ucenter-wrap .data-show .data-datails .line02 {
  right: 185px;
}

.o-ucenter-wrap .data-show .data-datails .total-days-title, .o-ucenter-wrap .data-show .data-datails .total-days, .o-ucenter-wrap .data-show .data-datails .other-data {
  color: #5d5e8d;
}

.o-ucenter-wrap .data-show .data-datails .total-days-title {
  font-size: 12px;
}

.o-ucenter-wrap .data-show .data-datails .total-days {
  font-size: 18px;
  text-align: center;
  margin-top: 100px;
}

.o-ucenter-wrap .data-show .data-datails .total-days .num {
  font-size: 36px;
  margin-right: 9px;
  color: #797bb2;
}

.o-ucenter-wrap .data-show .data-datails .other-data .tranning-data-name {
  color: #797bb2;
  font-size: 14px;
}

.o-ucenter-wrap .data-show .data-datails .other-data .num {
  font-size: 22px;
  margin-right: 12px;
  color: #797bb2;
}

.o-ucenter-wrap .data-show .data-datails .other-data .tranning-hours, .o-ucenter-wrap .data-show .data-datails .other-data .tranning-consumn, .o-ucenter-wrap .data-show .data-datails .other-data .tranning-frequency {
  position: absolute;
  bottom: 150px;
  text-align: center;
}

.o-ucenter-wrap .data-show .data-datails .other-data .tranning-hours > p, .o-ucenter-wrap .data-show .data-datails .other-data .tranning-consumn > p, .o-ucenter-wrap .data-show .data-datails .other-data .tranning-frequency > p {
  margin-bottom: 12px;
}

.o-ucenter-wrap .data-show .data-datails .other-data .tranning-hours {
  left: 58px;
  width: 128px;
}

.o-ucenter-wrap .data-show .data-datails .other-data .tranning-consumn {
  width: 146px;
  left: 0;
  right: 0;
  margin: auto;
}

.o-ucenter-wrap .data-show .data-datails .other-data .tranning-frequency {
  width: 134px;
  right: 51px;
}

.o-ucenter-wrap .data-show .data-banner-wrap {
  position: absolute;
  top: 62px;
  text-align: center;
  width: 100%;
  z-index: 1;
}

.o-ucenter-wrap .data-show .data-banner-wrap .data-banner {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  background: #2f3050;
  font-size: 12px;
  color: #999ac4;
  padding: 0 20px;
}

.o-ucenter-wrap .data-show .data-banner-wrap .data-banner em {
  margin: 0 20px;
}

.o-ucenter-wrap .data-show .tab-wrap {
  padding: 20px;
}

.o-ucenter-wrap .data-show .tab-con, .o-ucenter-wrap .data-show .con-charts {
  width: 717px;
  height: 454px;
}

.o-ucenter-wrap .data-show .btn-prev, .o-ucenter-wrap .data-show .btn-next {
  position: absolute;
  top: 262px;
  width: 28px;
  height: 28px;
  cursor: pointer;
  box-shadow: 0 0px 5px rgba(66, 66, 66, 0.8);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: #2d2e4c;
}

.o-ucenter-wrap .data-show .btn-prev.disable, .o-ucenter-wrap .data-show .btn-next.disable {
  display: none;
}

.o-ucenter-wrap .data-show .btn-prev:before, .o-ucenter-wrap .data-show .btn-next:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  display: inline-block;
  width: 11px;
  height: 19px;
}

.o-ucenter-wrap .data-show .btn-prev {
  left: 0;
}

.o-ucenter-wrap .data-show .btn-prev:before {background-repeat: no-repeat;}

.o-ucenter-wrap .data-show .btn-next {
  right: 0;
}

.o-ucenter-wrap .data-show .btn-next:before {background-repeat: no-repeat;}

.o-ucenter-wrap .bb-trained-list li {
  color: #666;
  font-size: 12px;
  margin-bottom: 18px;
  border-bottom: 1px solid #eeeeee;
  position: relative;
  padding-right: 80px;
}

.o-ucenter-wrap .bb-trained-list li a {
  display: block;
  padding-bottom: 18px;
}

.o-ucenter-wrap .bb-trained-list li a:hover {
  opacity: 0.8;
}

.o-ucenter-wrap .bb-trained-list li .img-wrap {
  width: 220px;
  height: 124px;
  overflow: hidden;
  float: left;
  display: inline-block;
}

.o-ucenter-wrap .bb-trained-list li .img-wrap img {
  width: 100%;
  overflow: hidden;
}

.o-ucenter-wrap .bb-trained-list li h2 {
  font-size: 14px;
  height: 16px;
  font-weight: bold;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #666666;
  margin-left: 239px;
}

.o-ucenter-wrap .bb-trained-list li .intro {
  font-size: 12px;
  color: #999;
  line-height: 19px;
  margin: 13px 0 0 239px;
  height: 38px;
  overflow: hidden;
}

.o-ucenter-wrap .bb-trained-list li .row {
  margin: 12px 0 0 239px;
}

.o-ucenter-wrap .bb-trained-list li .row .col1 {
  display: inline-block;
  width: 116px;
}

.o-ucenter-wrap .bb-trained-list li span {
  color: #666;
}

.o-ucenter-wrap .bb-trained-list li em {
  color: #333;
}

.o-ucenter-wrap .bb-trained-list li .row2 {
  font-size: 14px;
  color: #666666;
}

.o-ucenter-wrap .bb-trained-list li .row2 .icon-wrap {
  display: inline-block;
  height: 14px;
  position: relative;
  top: 2px;
}

.o-ucenter-wrap .bb-trained-list li .row2 .icon-wrap .inner {
  display: inline-block;
  height: 14px;
}

.o-ucenter-wrap .bb-trained-list li .row2 .water {width: 82px;background-repeat: repeat-x}

.o-ucenter-wrap .bb-trained-list li .row2 .water .inner {background-repeat: repeat-x}

.o-ucenter-wrap .bb-trained-list li .row2 .star {width: 85px;background-repeat: repeat-x}

.o-ucenter-wrap .bb-trained-list li .row2 .star .inner {background-repeat: repeat-x}

.o-ucenter-wrap .bb-trained-list li .btn-del {
  display: block;
  width: 54px;
  line-height: 26px;
  height: 26px;
  text-align: center;
  font-size: 14px;
  color: #939393;
  background: #e9e9e9;
  position: absolute;
  bottom: 18px;
  right: 20px;
}

.o-ucenter-wrap .clndr-box {
  *zoom: 1;
}

.o-ucenter-wrap .clndr-box:before, .o-ucenter-wrap .clndr-box:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-ucenter-wrap .clndr-box:after {
  clear: both;
}

.o-ucenter-wrap .clndr-box .box-fl {
  float: left;
  border: 1px solid #eeeeee;
  border-right: none;
  padding: 30px;
  width: 520px;
  height: 500px;
}

.o-ucenter-wrap .clndr-box .box-fr {
  float: left;
  width: 230px;
  height: 500px;
  background: #f7f7f7;
}

.o-ucenter-wrap .clndr-box .fr-detail {
  height: 50%;
  margin: 0 12px;
  position: relative;
}

.o-ucenter-wrap .clndr-box .fr-detail:first-child:after {
  position: absolute;
  content: " ";
  width: 100%;
  left: 0;
  bottom: 1px;
  height: 1px;
  background: #e3e3e3;
}

.o-ucenter-wrap .clndr-box .fr-detail:last-child:after {
  display: none;
}

.o-ucenter-wrap .clndr-box .fr-detail .hide {
  display: none !important;
}

.o-ucenter-wrap .clndr-box .fr-detail h3 {
  color: #333333;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
  padding-top: 60px;
}

.o-ucenter-wrap .clndr-box .fr-detail h4 {
  color: #333333;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  margin-bottom: 10px;
}

.o-ucenter-wrap .clndr-box .fr-detail p {
  color: #666666;
  font-size: 14px;
  text-align: left;
  line-height: 30px;
}

.o-ucenter-wrap .clndr-box .fr-detail a {
  color: #4b88ee;
  font-size: 14px;
  display: block;
  text-align: center;
  line-height: 30px;
}

.o-ucenter-wrap .clndr-box .fr-detail a:hover {
  color: #fb6362;
}

.o-ucenter-wrap .clndr-box .fr-detail .empty {
  text-align: center;
  line-height: 60px;
}

.o-ucenter-wrap .main-title {
  line-height: 60px;
  font-size: 24px;
  color: #999999;
  *zoom: 1;
}

.o-ucenter-wrap .main-title:before, .o-ucenter-wrap .main-title:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-ucenter-wrap .main-title:after {
  clear: both;
}

.o-ucenter-wrap .main-title h3 {
  float: left;
}

.o-ucenter-wrap .main-title .more-tag {
  float: right;
  font-size: 12px;
  padding: 0 10px;
  margin-top: 17px;
  color: #999999;
  line-height: 22px;
  border: 1px solid #cecece;
  -webkit-transition: background 300ms ease;
          transition: background 300ms ease;
}

.o-ucenter-wrap .main-title .more-tag:hover {
  background: #ddd;
}

.o-ucenter-wrap .aside-hd {
  background: url(/static/img/temp/ucenter-bg.jpg) no-repeat;
  height: 160px;
}

.o-ucenter-wrap .aside-hd .avatar {
  width: 110px;
  height: 110px;
  float: left;
  margin: 23px 12px 0 20px;
  border: 2px solid #fff;
  border-radius: 50%;
  overflow: hidden;
}

.o-ucenter-wrap .aside-hd .avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.o-ucenter-wrap .aside-hd .cont {
  overflow: hidden;
}

.o-ucenter-wrap .aside-hd .name {
  font-size: 24px;
  color: #fff;
  display: block;
  margin: 32px 0 10px 0;
}

.o-ucenter-wrap .aside-hd .sex {
  *zoom: 1;
}

.o-ucenter-wrap .aside-hd .sex:before, .o-ucenter-wrap .aside-hd .sex:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-ucenter-wrap .aside-hd .sex:after {
  clear: both;
}

.o-ucenter-wrap .aside-hd .sex .icon {
  float: left;
  width: 22px;
  height: 22px;
  margin-right: 5px;
}

.o-ucenter-wrap .aside-hd .sex .icon img {
  display: block;
  width: 100%;
  overflow: hidden;
}

.o-ucenter-wrap .aside-hd .sex .male {background-repeat: no-repeat;}

.o-ucenter-wrap .aside-hd .sex .female {background-repeat: no-repeat;}

.o-ucenter-wrap .aside-hd .btn-edit {
  display: inline-block;
  width: 86px;
  height: 26px;
  line-height: 26px;
  font-size: 12px;
  color: #FFFFFF;
  background: rgba(0, 0, 0, 0.5);
  padding-left: 30px;
  position: relative;
  margin: 17px 0 0 134px;
}

.o-ucenter-wrap .aside-hd .btn-edit:before {content: "";
  
  width: 13px;
  height: 13px;
  position: absolute;
  left: 9px;
  top: 7px;background-repeat: no-repeat;}

.o-ucenter-wrap .aside-bd {
  position: relative;
  padding: 0 15px;
}

.o-ucenter-wrap .aside-bd .section-box-hd h2 {
  font-size: 16px;
  font-weight: bold;
  color: #333;
  margin-top: 17px;
}

.o-ucenter-wrap .aside-bd .section-box-hd h3 {
  font-size: 16px;
  color: #999;
  padding: 0 0 17px 16px;
  margin-top: 24px;
  position: relative;
}

.o-ucenter-wrap .aside-bd .section-box-hd h3:before {
  content: " ";
  position: absolute;
  left: 0px;
  width: 4px;
  height: 4px;
  display: block;
  top: 6px;
  background: #f26b6b;
}

.o-ucenter-wrap .aside-bd .training-data ul {
  *zoom: 1;
  padding-bottom: 16px;
  padding-top: 10px;
}

.o-ucenter-wrap .aside-bd .training-data ul:before, .o-ucenter-wrap .aside-bd .training-data ul:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-ucenter-wrap .aside-bd .training-data ul:after {
  clear: both;
}

.o-ucenter-wrap .aside-bd .training-data li {
  color: #cecece;
  font-size: 14px;
  width: 33%;
  float: left;
  text-align: center;
}

.o-ucenter-wrap .aside-bd .training-data li span {
  color: #666;
  display: block;
  margin-bottom: 17px;
}

.o-ucenter-wrap .aside-bd .training-data li span em {
  font-size: 24px;
}

.o-ucenter-wrap .aside-bd .training-data p {
  text-align: center;
  font-size: 14px;
  color: #333;
  line-height: 80px;
  border-bottom: 1px solid #E8E8E8;
}

.o-ucenter-wrap .aside-bd .training-data p em {
  font-size: 24px;
  color: #ff5353;
}

.o-ucenter-wrap .aside-bd .action-bar {
  position: absolute;
  top: 14px;
  right: 15px;
}

.o-ucenter-wrap .aside-bd .action-bar .cal {display: inline-block;
  width: 17px;
  height: 18px;
  
  margin-right: 28px;
  overflow: hidden;
  text-indent: -9999px;background-repeat: no-repeat;}

.o-ucenter-wrap .aside-bd .action-bar .share {display: inline-block;
  width: 18px;
  height: 18px;
  
  overflow: hidden;
  text-indent: -9999px;background-repeat: no-repeat;}

.o-ucenter-wrap .aside-bd .achievement-list ul {
  *zoom: 1;
  position: relative;
  width: 120%;
  padding-bottom: 12px;
}

.o-ucenter-wrap .aside-bd .achievement-list ul:before, .o-ucenter-wrap .aside-bd .achievement-list ul:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-ucenter-wrap .aside-bd .achievement-list ul:after {
  clear: both;
}

.o-ucenter-wrap .aside-bd .achievement-list ul.list-hidden {
  overflow: hidden;
}

.o-ucenter-wrap .aside-bd .achievement-list .list-empty {
  font-size: 18px;
  padding-bottom: 20px;
  color: #666;
  text-align: center;
}

.o-ucenter-wrap .aside-bd .achievement-list li {
  float: left;
  width: 88px;
  height: 109px;
  color: #999;
  font-size: 12px;
  text-align: center;
  margin: 0 0 10px 0;
}

.o-ucenter-wrap .aside-bd .achievement-list li img {
  display: block;
  width: 78px;
  margin: 0 auto 5px;
}

.o-ucenter-wrap .aside-bd .achievement-list .all-badges {
  display: none;
}

.o-ucenter-wrap .aside-ft {
  position: relative;
  height: 20px;
}

.o-ucenter-wrap .aside-ft .btn-show-more {
  cursor: pointer;
  position: relative;
  height: 100%;
}

.o-ucenter-wrap .aside-ft .btn-show-more i {display: inline-block;
  width: 11px;
  height: 6px;
  
  position: absolute;
  left: 50%;
  margin-left: -5px;background-repeat: no-repeat;}

.o-ucenter-wrap .aside-ft .btn-show-less i {background-repeat: no-repeat;}

.o-ucenter-wrap .aside-section1 {
  margin-bottom: 10px;
  background-color: white;
  box-shadow: 0px 0px 10px 0px rgba(1, 1, 1, 0.05);
}

.o-ucenter-wrap .aside-section2 {
  margin-bottom: 10px;
  background-color: white;
  box-shadow: 0px 0px 10px 0px rgba(1, 1, 1, 0.05);
}

.o-ucenter-wrap .aside-section2 .sec-box .box-hd {
  padding: 14px 0;
  border-bottom: 1px solid #eeeeee;
  margin: 0 30px;
  position: relative;
  *zoom: 1;
}

.o-ucenter-wrap .aside-section2 .sec-box .box-hd:before, .o-ucenter-wrap .aside-section2 .sec-box .box-hd:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-ucenter-wrap .aside-section2 .sec-box .box-hd:after {
  clear: both;
}

.o-ucenter-wrap .aside-section2 .sec-box .box-hd:before {
  content: " ";
  position: absolute;
  left: -14px;
  width: 4px;
  height: 4px;
  display: block;
  top: 21px;
  background: #f26b6b;
}

.o-ucenter-wrap .aside-section2 .sec-box .box-hd h4 {
  float: left;
  font-size: 16px;
  color: #333333;
}

.o-ucenter-wrap .aside-section2 .sec-box .box-bd {
  padding: 23px 0 23px 45px;
  *zoom: 1;
}

.o-ucenter-wrap .aside-section2 .sec-box .box-bd:before, .o-ucenter-wrap .aside-section2 .sec-box .box-bd:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-ucenter-wrap .aside-section2 .sec-box .box-bd:after {
  clear: both;
}

.o-ucenter-wrap .aside-section2 .sec-box .box-bd a {
  display: block;
  margin-left: 90px;
}

.o-ucenter-wrap .aside-section2 .sec-box .box-bd a:hover h5, .o-ucenter-wrap .aside-section2 .sec-box .box-bd a:hover p {
  color: #f26b6b;
}

.o-ucenter-wrap .aside-section2 .sec-box .box-bd i {width: 68px;
  height: 68px;
  
  float: left;background-repeat: no-repeat;}

.o-ucenter-wrap .aside-section2 .sec-box .box-bd h5 {
  margin-top: 5px;
  font-size: 18px;
  color: #666666;
  margin-bottom: 13px;
}

.o-ucenter-wrap .aside-section2 .sec-box .box-bd p {
  font-size: 12px;
  color: #999999;
}

.o-ucenter-wrap .aside-section2 .sec-box1 .box1-hd {
  padding: 14px 0;
  border-bottom: 1px solid #eeeeee;
  margin: 0 30px;
  *zoom: 1;
  position: relative;
}

.o-ucenter-wrap .aside-section2 .sec-box1 .box1-hd:before, .o-ucenter-wrap .aside-section2 .sec-box1 .box1-hd:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-ucenter-wrap .aside-section2 .sec-box1 .box1-hd:after {
  clear: both;
}

.o-ucenter-wrap .aside-section2 .sec-box1 .box1-hd:before {
  content: " ";
  position: absolute;
  left: -14px;
  width: 4px;
  height: 4px;
  display: block;
  top: 21px;
  background: #f26b6b;
}

.o-ucenter-wrap .aside-section2 .sec-box1 .box1-hd h4 {
  float: left;
  font-size: 16px;
  color: #333333;
  position: relative;
}

.o-ucenter-wrap .aside-section2 .sec-box1 .box1-hd a {
  float: right;
  font-size: 14px;
  color: #888888;
}

.o-ucenter-wrap .aside-section2 .sec-box1 .box1-bd {
  padding-bottom: 24px;
}

.o-ucenter-wrap .aside-section2 .sec-box1 .box1-bd p {
  color: #333333;
  font-size: 14px;
  text-align: center;
  line-height: 40px;
}

.o-ucenter-wrap .aside-section2 .sec-box1 .box1-bd ul {
  *zoom: 1;
  padding: 0 10px;
}

.o-ucenter-wrap .aside-section2 .sec-box1 .box1-bd ul:before, .o-ucenter-wrap .aside-section2 .sec-box1 .box1-bd ul:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-ucenter-wrap .aside-section2 .sec-box1 .box1-bd ul:after {
  clear: both;
}

.o-ucenter-wrap .aside-section2 .sec-box1 .box1-bd li {
  float: left;
  width: 25%;
  position: relative;
  height: 54px;
  text-align: center;
  font-size: 12px;
}

.o-ucenter-wrap .aside-section2 .sec-box1 .box1-bd li:last-child:after {
  display: none;
}

.o-ucenter-wrap .aside-section2 .sec-box1 .box1-bd li span {
  color: #333333;
  display: block;
  margin-top: 6px;
}

.o-ucenter-wrap .aside-section2 .sec-box1 .box1-bd li em {
  color: #999;
  display: block;
  margin-top: 13px;
}

.o-ucenter-wrap .aside-section2 .sec-box1 .box1-bd li:after {
  content: " ";
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  right: 0;
  background: #eee;
}

.o-ucenter-wrap .aside-section2 .sec-box1 .box1-bd a {
  display: block;
  width: 323px;
  height: 42px;
  line-height: 42px;
  color: #FFF;
  font-size: 14px;
  text-align: center;
  background: #f35252;
  margin: 24px auto 0 auto;
}

.o-ucenter-wrap .aside-section2 .sec-box1 .box1-bd a:hover {
  opacity: 0.8;
  /* filter: alpha(opacity=80); */
  filter: alpha(opacity=80);
}

.o-ucenter-wrap .aside-section2 .sex-box2 {
  background: #f9f9f9;
  display: none;
}

.o-ucenter-wrap .aside-section2 .sex-box2 .box2-hd {
  text-align: center;
}

.o-ucenter-wrap .aside-section2 .sex-box2 .box2-hd h3 {
  font-size: 18px;
  color: #333333;
  padding-bottom: 10px;
  padding-top: 15px;
  display: inline-block;
  border-bottom: 1px solid #e4e4e4;
}

.o-ucenter-wrap .aside-section2 .sex-box2 .box2-bd {
  padding-bottom: 15px;
}

.o-ucenter-wrap .aside-section2 .sex-box2 .food-item {
  padding-top: 18px;
}

.o-ucenter-wrap .aside-section2 .sex-box2 .item-title1 {
  font-size: 14px;
  color: #6964ea;
  text-align: center;
  line-height: 58px;
  width: 58px;
  height: 58px;
  margin: 0 auto;
  border: 1px solid #e9e9f7;
  border-radius: 50%;
  background: #fff;
  font-weight: bold;
}

.o-ucenter-wrap .aside-section2 .sex-box2 .item-title2 {
  font-size: 14px;
  color: #6964ea;
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 8px;
  text-align: center;
  width: 200px;
  margin: 0 auto;
  position: relative;
}

.o-ucenter-wrap .aside-section2 .sex-box2 .item-title2:after {
  position: absolute;
  content: " ";
  bottom: 0px;
  left: 50%;
  margin-left: -30px;
  width: 60px;
  height: 3px;
  background: #6964ea;
}

.o-ucenter-wrap .aside-section2 .sex-box2 .item-list {
  *zoom: 1;
  padding: 18px 30px 0;
}

.o-ucenter-wrap .aside-section2 .sex-box2 .item-list:before, .o-ucenter-wrap .aside-section2 .sex-box2 .item-list:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-ucenter-wrap .aside-section2 .sex-box2 .item-list:after {
  clear: both;
}

.o-ucenter-wrap .aside-section2 .sex-box2 .item-list li {
  float: left;
  width: 33.3%;
  font-size: 12px;
  color: #333333;
  margin-bottom: 15px;
  line-height: 1.5em;
  *zoom: 1;
}

.o-ucenter-wrap .aside-section2 .sex-box2 .item-list li:before, .o-ucenter-wrap .aside-section2 .sex-box2 .item-list li:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-ucenter-wrap .aside-section2 .sex-box2 .item-list li:after {
  clear: both;
}

.o-ucenter-wrap .aside-section2 .sex-box2 .item-list i {
  width: 8px;
  height: 8px;
  margin-right: 10px;
  margin-top: 5px;
  float: left;
}

.o-ucenter-wrap .aside-section2 .sex-box2 .item-list span {
  margin-left: 18px;
  display: block;
}

.o-ucenter-wrap .aside-section2 .sex-box2 .type1 {
  background-color: #f32626;
  color: #f32626;
}

.o-ucenter-wrap .aside-section2 .sex-box2 .type2 {
  background-color: #f38726;
  color: #f38726;
}

.o-ucenter-wrap .aside-section2 .sex-box2 .type3 {
  background-color: #26b7f3;
  color: #26b7f3;
}

.o-ucenter-wrap .aside-section2 .sex-box2 .type4 {
  background-color: #24dc88;
  color: #24dc88;
}

.o-ucenter-wrap .aside-section2 .sex-box2 .type5 {
  background-color: #f3cf26;
  color: #f3cf26;
}

.o-ucenter-wrap .aside-section2 .sex-box2 .type6 {
  background-color: #7326f3;
  color: #7326f3;
}

.o-ucenter-wrap .aside-section2 .sex-box2 .type7 {
  background-color: #a35037;
  color: #a35037;
}

.o-ucenter-wrap .aside-section3 .box-hd {
  padding: 14px;
  position: relative;
}

.o-ucenter-wrap .aside-section3 .box-hd:before {
  content: " ";
  position: absolute;
  left: 0;
  width: 4px;
  height: 4px;
  display: block;
  top: 21px;
  background: #f26b6b;
}

.o-ucenter-wrap .aside-section3 .box-hd h4 {
  font-size: 16px;
  color: #333;
}

.o-ucenter-wrap .aside-section3 .box-bd li {
  color: #999;
  font-size: 12px;
  padding-bottom: 16px;
  margin-bottom: 18px;
  border-bottom: 1px solid #eeeeee;
}

.o-ucenter-wrap .aside-section3 .box-bd li a {
  display: block;
}

.o-ucenter-wrap .aside-section3 .box-bd li a:hover {
  opacity: 0.8;
}

.o-ucenter-wrap .aside-section3 .box-bd li .img-wrap {
  width: 128px;
  height: 70px;
  overflow: hidden;
  float: left;
  display: inline-block;
}

.o-ucenter-wrap .aside-section3 .box-bd li .img-wrap img {
  width: 100%;
  overflow: hidden;
}

.o-ucenter-wrap .aside-section3 .box-bd li h2 {
  font-size: 14px;
  height: 16px;
  font-weight: bold;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #666666;
  margin-left: 142px;
}

.o-ucenter-wrap .aside-section3 .box-bd li .row {
  margin: 12px 0 0 142px;
}

.o-ucenter-wrap .aside-section3 .box-bd li .row .col1 {
  display: inline-block;
  width: 116px;
}

.o-ucenter-wrap .aside-section3 .box-bd li .row2 {
  font-size: 14px;
  color: #666666;
}

.o-ucenter-wrap .aside-section3 .box-bd li .row2 .icon-wrap {
  display: inline-block;
  height: 14px;
  position: relative;
  top: 2px;
}

.o-ucenter-wrap .aside-section3 .box-bd li .row2 .icon-wrap .inner {
  display: inline-block;
  height: 14px;
}

.o-ucenter-wrap .aside-section3 .box-bd li .row2 .water {width: 82px;background-repeat: repeat-x}

.o-ucenter-wrap .aside-section3 .box-bd li .row2 .water .inner {background-repeat: repeat-x}

.o-ucenter-wrap .aside-section3 .box-bd li .row2 .star {width: 85px;background-repeat: repeat-x}

.o-ucenter-wrap .aside-section3 .box-bd li .row2 .star .inner {background-repeat: repeat-x}

.bb-clndr {
  max-width: 448px;
  margin: 0 auto;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.bb-clndr .clndr .clndr-controls {
  display: block;
  display: inline-block;
  width: 100%;
  margin-bottom: 3px;
  line-height: 40px;
  font-size: 20px;
}

.bb-clndr .clndr .clndr-controls .clndr-previous-button {
  float: left;
  width: 10%;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.bb-clndr .clndr .clndr-controls .clndr-previous-button:hover {
  background-color: #f4f4f4;
}

.bb-clndr .clndr .clndr-controls .month {
  float: left;
  width: 80%;
  text-align: center;
}

.bb-clndr .clndr .clndr-controls .clndr-next-button {
  float: left;
  width: 10%;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.bb-clndr .clndr .clndr-controls .clndr-next-button:hover {
  background-color: #f4f4f4;
}

.bb-clndr .clndr .clndr-grid {
  text-align: center;
  display: inline-block;
}

.bb-clndr .clndr .clndr-grid .header-day {
  float: left;
  width: 64px;
  height: 40px;
  line-height: 40px;
  background: #e9e9e9;
  color: #666666;
  font-size: 14px;
}

.bb-clndr .clndr .clndr-grid .day {
  float: left;
  width: 52px;
  height: 52px;
  line-height: 52px;
  margin: 6px;
  text-align: center;
  font-size: 18px;
  color: #666666;
  cursor: pointer;
  border-radius: 5px;
}

.bb-clndr .clndr .clndr-grid .day:hover {
  background: #eaeaea;
}

.bb-clndr .clndr .clndr-grid .day.event {
  background-color: #fff6ce;
}

.bb-clndr .clndr .clndr-grid .day.event.adjacent-month {
  background-color: transparent;
}

.bb-clndr .clndr .clndr-grid .day.today {
  background-color: #fb6362 !important;
  color: #fff !important;
}

.bb-clndr .clndr .clndr-grid .day.selected {
  color: #fb6362;
}

.bb-clndr .clndr .clndr-grid .day.inactive {
  color: gray;
}

.bb-clndr .clndr .clndr-grid .empty,
.bb-clndr .clndr .clndr-grid .adjacent-month {
  float: left;
  width: 52px;
  height: 52px;
  line-height: 52px;
  margin: 6px;
  color: #c5c5c5;
  cursor: default;
}

.bb-clndr .clndr .clndr-grid .empty:hover,
.bb-clndr .clndr .clndr-grid .adjacent-month:hover {
  background: none;
}

.bb-clndr .clndr .clndr-grid .day.event0 {
  background-color: #fff6ce;
}

.bb-clndr .clndr .clndr-grid .day.event1 {
  background-color: #cee6ff;
}

.bb-clndr .clndr .clndr-grid .day.eventMix {
  background-color: #ceffe0;
}

.bb-clndr .multi-month-controls .quarter-button {
  display: inline-block;
  width: 25%;
}

.bb-clndr .multi-month-controls .quarter-button:hover {
  cursor: pointer;
  background-color: #f4f4f4;
}

.bb-clndr .day.inactive {
  background-color: #aaa;
}

.o-personal {
  background-color: #F2F2F2;
}

.o-personal .inner {
  padding-top: 30px;
  padding-bottom: 30px;
  width: 1200px;
  margin: 0 auto;
}

.o-personal-bd {
  background-color: #FBFBFB;
  position: relative;
  margin-top: 15px;
}

.o-personal-bd .col-main {
  padding-left: 285px;
  min-height: 750px;
  background-color: #FBFBFB;
}

.o-personal-bd .col-aside {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 285px;
  height: 100%;
  background-color: #FFFFFF;
}

.o-personal-nav li {
  font-size: 16px;
  color: #333;
}

.o-personal-nav li a {
  display: block;
  text-align: center;
  position: relative;
  font-family: Tahoma, "Microsoft YaHei", sans-serif;
}

.o-personal-nav li a i {
  width: 4px;
  height: 58px;
  position: absolute;
  top: 50%;
  right: 0px;
  margin-top: -29px;
  background-color: #E64C4C;
  display: none;
}

.o-personal-nav li em {
  display: block;
  height: 62px;
  line-height: 62px;
  margin: 0 20px;
  border-bottom: 1px solid #EFEFEF;
}

.o-personal-nav li.cur a {
  cursor: default;
  color: #e54d4d;
}

.o-personal-nav li.cur i {
  display: block;
}

/* 上传头先组件样式 */
.u-head-update {
  display: inline-block;
}

.u-head-update .preview {
  float: left;
  width: 150px;
  height: 150px;
  margin-right: 23px;
}

.u-head-update .preview img {
  width: 100%;
  height: 100%;
}

.u-head-update input {
  position: absolute;
  top: -3000px;
  left: 0px;
}

.u-head-update .update {
  width: 80px;
  height: 28px;
  line-height: 28px;
  font-size: 14px;
  text-align: center;
  display: inline-block;
  border: 1px solid #A9A9A9;
  color: #333;
}

.u-head-update .update:hover {
  opacity: 0.8;
  /* filter: alpha(opacity=80); */
  filter: alpha(opacity=80);
}

.u-button {
  height: 36px;
  line-height: 36px;
  color: #fff;
  font-size: 14px;
  width: 120px;
  text-align: center;
  background-color: #E64C4C;
  display: inline-block;
  font-family: Tahoma, "Microsoft YaHei", sans-serif;
  -webkit-transition: 500ms all ease;
          transition: 500ms all ease;
}

.u-button:hover {
  opacity: 0.8;
  /* filter: alpha(opacity=80); */
  filter: alpha(opacity=80);
}

.o-user-form .line {
  *zoom: 1;
  margin-bottom: 15px;
}

.o-user-form .line:before, .o-user-form .line:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-user-form .line:after {
  clear: both;
}

.o-user-form .line .cont {
  line-height: 32px;
  overflow: hidden;
}

.o-user-form .label {
  float: left;
  font-size: 14px;
  line-height: 32px;
  margin-right: 30px;
  font-family: Tahoma, "Microsoft YaHei", sans-serif;
}

.o-user-form .raido {
  margin-right: 12px;
}

.o-user-form .raido input {
  margin-right: 8px;
  vertical-align: middle;
}

.o-user-form .standar-guide {
  height: 30px;
  line-height: 30px;
  border: 1px solid #FF8484;
  font-size: 14px;
  color: #FF8484;
  text-align: center;
  width: 72px;
  display: inline-block;
  margin-left: 20px;
}

.o-user-form .select-item {
  display: inline-block;
  color: #999;
  margin-right: 8px;
}

.o-user-form .select-item select {
  margin-right: 3px;
}

.o-user-form .input-text {
  display: inline-block;
  line-height: 30px;
}

.o-user-form .input-text em {
  color: #999999;
  font-weight: bold;
  font-size: 14px;
  margin-left: 8px;
}

.o-user-form .input-text input {
  height: 30px;
  line-height: 30px;
  border: 1px solid #D4D4D4;
  padding: 0 10px;
}

.o-user-form .input-text input:focus {
  outline: none;
}

.o-user-form .form-note {
  display: inline-block;
  margin-left: 20px;
  font-size: 14px;
  color: red;
}

.base-profile {
  padding: 25px 36px;
}

.account-basic-wrapper .section {
  padding: 15px 0 18px;
  border-bottom: solid 1px #efefef;
  *zoom: 1;
}

.account-basic-wrapper .section:before, .account-basic-wrapper .section:after {
  content: "";
  display: table;
  line-height: 0;
}

.account-basic-wrapper .section:after {
  clear: both;
}

.account-basic-wrapper .prop-info {
  float: left;
}

.account-basic-wrapper .item {
  padding: 15px 0;
  border-bottom: solid 1px #efefef;
  *zoom: 1;
}

.account-basic-wrapper .item:before, .account-basic-wrapper .item:after {
  content: "";
  display: table;
  line-height: 0;
}

.account-basic-wrapper .item:after {
  clear: both;
}

.account-basic-wrapper .item .icon {
  width: 63px;
  height: 63px;
}

.account-basic-wrapper .item span {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
  color: #999;
  font-size: 13px;
}

.account-basic-wrapper .item.weixin .icon {background-repeat: no-repeat;}

.account-basic-wrapper .item.weibo .icon {background-repeat: no-repeat;}

.account-basic-wrapper .item.qq .icon {background-repeat: no-repeat;}

.account-basic-wrapper .item .status {
  width: 80px;
}

.account-basic-wrapper .item .name {
  width: 210px;
}

.account-basic-wrapper .desc {
  color: #555;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.5em;
}

.account-basic-wrapper .desc h4 {
  color: #333;
  font-weight: 600;
  margin: 10px 0;
  font-size: 17px;
}

.account-basic-wrapper .desc span {
  color: #e54d4d;
  font-weight: 600;
  font-size: 17px;
}

.account-basic-wrapper .action {
  margin-top: 15px;
  float: right;
}

.account-basic-wrapper .btn-primary {
  background-color: #e54d4d;
  color: #fff;
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.42857143;
  border-radius: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
  -webkit-transition: all 200ms ease;
          transition: all 200ms ease;
}

.account-basic-wrapper .btn-primary:hover {
  opacity: 0.85;
}

.account-basic-wrapper .btn-primary.unbind, .account-basic-wrapper .btn-primary.change {
  background-color: #666;
}

.user-wrap {
  background: #F1F1F1;
  padding: 100px 0;
}

.o-regist {
  width: 1000px;
  height: 780px;
  background: #ffffff;
  padding: 50px;
  margin: 0 auto;
  box-shadow: 0px 0px 10px 0px rgba(189, 189, 189, 0.5);
}

.o-getPass {
  font-family: "Microsoft Yahei";
  width: 1000px;
  height: 540px;
  background: #ffffff;
  padding: 50px;
  margin: 70px auto;
  box-shadow: 0px 0px 10px 0px rgba(189, 189, 189, 0.5);
}

.o-editPass {
  width: 1000px;
  height: 600px;
  background: #ffffff;
  padding: 50px;
  margin: 25px auto;
  box-shadow: 0px 0px 10px 0px rgba(189, 189, 189, 0.5);
}

.o-bindUser .section-main .next-btn {
  display: block;
  width: 164px;
  height: 56px;
  line-height: 56px;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  background: #f12b24;
  -webkit-transition: all .2s;
          transition: all .2s;
}

.o-bindUser .section-main .next-btn:hover {
  opacity: 0.8;
  /* filter: alpha(opacity=80); */
  filter: alpha(opacity=80);
}

.o-bindUser .section-main .form-info {
  position: relative;
}

.o-bindUser .section-main .form-info > label {
  font-weight: bold;
  font-size: 14px;
  color: #333333;
  line-height: 50px;
}

.o-bindUser .section-main .form-info .sex-wrap {
  display: inline-block;
  margin-left: 32px;
  height: 30px;
  vertical-align: middle;
  color: #666666;
  font-size: 14px;
}

.o-bindUser .section-main .form-info .sex-wrap > label {
  padding-right: 20px;
  display: inline-block;
  margin-left: 40px;
  height: 100%;
  line-height: 30px;
}

.o-bindUser .section-main .form-info .sex-wrap > label:first-child {
  margin-left: 0px;
}

.o-bindUser .section-main .form-info .sex-wrap .sex {
  margin-right: 13px;
  position: relative;
  top: 2px;
}

.o-bindUser .section-main .form-info .info-text {
  border: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 18px;
  line-height: 18px;
  height: 18px;
  width: 80%;
  box-sizing: border-box;
  outline: none;
  z-index: 4;
  background: transparent;
  margin: auto;
  color: #333;
  font-size: 14px;
}

.o-bindUser .section-main .form-info .info-text.info-v-pic {
  width: 60%;
}

.o-bindUser .section-main .form-info .info-text:-webkit-autofill {
  box-shadow: 0 0 0 10em #f5f5f5 inset;
}

.o-bindUser .section-main .form-info .info-text + div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 50px;
  background: #f5f5f5;
  z-index: 3;
}

.o-bindUser .section-main .form-info .info-text:focus + div {
  border: 1px solid #ed7975;
}

.o-bindUser .section-main .form-info .date-wrap, .o-bindUser .section-main .form-info .height-wrap, .o-bindUser .section-main .form-info .weight-wrap, .o-bindUser .section-main .form-info .fat-wrap, .o-bindUser .section-main .form-info .phone-wrap {
  position: relative;
}

.o-bindUser .section-main .form-info .date-wrap:before, .o-bindUser .section-main .form-info .height-wrap:before, .o-bindUser .section-main .form-info .weight-wrap:before, .o-bindUser .section-main .form-info .fat-wrap:before, .o-bindUser .section-main .form-info .phone-wrap:before {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

.o-bindUser .section-main .form-info .height-wrap, .o-bindUser .section-main .form-info .weight-wrap, .o-bindUser .section-main .form-info .fat-wrap, .o-bindUser .section-main .form-info .phone-wrap {
  display: block;
  height: 50px;
}

.o-bindUser .section-main .form-info .height-wrap:before, .o-bindUser .section-main .form-info .weight-wrap:before, .o-bindUser .section-main .form-info .fat-wrap:before, .o-bindUser .section-main .form-info .phone-wrap:before {
  right: 18px;
  z-index: 3;
  color: #cecece;
  font-size: 14px;
  height: 14px;
  z-index: 4;
}

.o-bindUser .section-main .form-info .msg-err {position: absolute;
  top: 19px;
  right: 0;
  height: 11px;
  line-height: 11px;
  font-size: 11px;
  padding-left: 13px;
  color: #f12b24;background-repeat: no-repeat;}

.o-bindUser .section-main .form-info .hide {
  display: none;
}

.o-bindUser .section-main .choose-name-btn {
  display: block;
  border: 1px solid #e6e6e6;
  background: #FFFFFF;
  text-align: center;
  color: #666666;
  font-size: 14px;
}

.o-bindUser .section-main .choose-name-btn:hover, .o-bindUser .section-main .choose-name-btn.active {
  color: #f12b24;
  border: 1px solid #f12b24;
}

.bindUser-box .bindUser-pic {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  border: 4px solid #fff;
  box-shadow: 0px 0px 7px 0px rgba(109, 109, 109, 0.5);
  margin: 0 auto 20px;
  position: relative;
}

.bindUser-box .bindUser-pic img {
  display: block;
  width: 100%;
  overflow: hidden;
}

.bindUser-box h4 {
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  margin-top: 30px;
  color: #32353d;
}

.bindUser-box h5 {
  font-size: 14px;
  color: #32353d;
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px;
}

.bindUser-box .bindUser-btn {
  display: block;
  text-align: center;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 12px 0;
  width: 330px;
  margin: 0 auto 20px;
  font-size: 13px;
  line-height: 1.5em;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.bindUser-box .bindUser-btn.tp1 {
  color: #fff;
  background-color: #d23840;
  border-color: transparent;
}

.bindUser-box .bindUser-btn.tp1:hover {
  background-color: #c11a2b;
}

.bindUser-box .bindUser-btn.tp2 {
  color: #d23840;
  border-color: #d23840;
}

.bindUser-box .bindUser-btn.tp2:hover {
  background-color: #f5f5f5;
}

.o-regist_hd {
  border-bottom: 2px solid #e4e4e4;
  *zoom: 1;
}

.o-regist_hd:before, .o-regist_hd:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-regist_hd:after {
  clear: both;
}

.o-regist_hd h1 {
  font-size: 24px;
  color: #666666;
  border-bottom: 2px solid #d23840;
  float: left;
  padding: 0 10px 17px;
  margin-bottom: -2px;
}

.o-regist_hd p {
  float: right;
  color: #666666;
  font-size: 14px;
  padding-top: 10px;
}

.o-regist_hd p a {
  color: #d13038;
  margin-left: 5px;
}

.o-regist_hd p a:hover {
  color: #ee323c;
}

.o-regist_bd {
  padding-top: 58px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.o-regist_btn {
  line-height: 60px;
  background: #eeeeee;
  padding: 0 23px;
  font-size: 18px;
  color: #666666;
  display: inline-block;
  -webkit-transition: background 300ms ease;
          transition: background 300ms ease;
}

.o-regist_btn.enable {
  cursor: pointer;
}

.o-regist_btn.enable:hover {
  background: #dcdcdc;
}

.o-regist_p {
  margin-left: 240px;
}

.o-regist_row {
  margin-bottom: 30px;
  *zoom: 1;
}

.o-regist_row:before, .o-regist_row:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-regist_row:after {
  clear: both;
}

.o-regist_row .row-fl {
  float: left;
  *display: inline;
  width: 225px;
  line-height: 60px;
  color: #666666;
  font-size: 18px;
  text-align: right;
}

.o-regist_row .row-fr {
  float: left;
  *display: inline;
  width: 265px;
  line-height: 60px;
  font-size: 14px;
  color: #999999;
}

.o-regist_row .row-mid {
  float: left;
  *display: inline;
  width: 380px;
  margin-left: 15px;
  margin-right: 15px;
  position: relative;
}

.o-regist_row .row-mid input {
  width: 380px;
  height: 60px;
  font-size: 16px;
  line-height: 60px;
  padding: 15px;
  border: 1px solid #dbdbdb;
  outline: none;
  -webkit-transition: all 300ms ease;
          transition: all 300ms ease;
}

.o-regist_row .row-mid input:focus {
  border-color: #d13038;
}

.o-regist_row .row-mid .text-normal {
  line-height: 60px;
  color: #666666;
  font-size: 18px;
  text-indent: 1em;
}

.o-regist_row .icon-notice {display: none;
  width: 24px;
  height: 22px;
  
  position: absolute;
  right: 12px;
  top: 19px;background-repeat: no-repeat;}

.o-regist_row .text-notice {
  display: none;
  position: absolute;
  right: 2px;
  bottom: -20px;
  color: #d23840;
  font-size: 12px;
}

.o-regist_row.row-error .icon-notice {
  display: block;
}

.o-regist_row.row-error .text-notice {
  display: block;
}

#form-imageVCode #img_verify {
  float: left;
  width: 182px;
  height: 62px;
  margin-right: 6px;
  cursor: pointer;
}

#form-imageVCode #imageVCode {
  width: 192px;
}

.o-regist_protocol {
  font-size: 14px;
  padding: 20px 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.o-regist_protocol label {
  cursor: pointer;
  display: block;
}

.o-regist_protocol input[type="checkbox"] {
  vertical-align: top;
}

.o-regist_protocol span {
  color: #999999;
  margin-left: 6px;
}

.o-regist_protocol em {
  color: #333333;
  cursor: pointer;
}

.o-regist_protocol em:hover {
  color: #c9151e;
}

.o-btn_submit {
  width: 380px;
  height: 60px;
  line-height: 60px;
  color: #ffffff;
  font-size: 20px;
  display: inline-block;
  text-align: center;
  background: #d13038;
  cursor: pointer;
  -webkit-transition: background 300ms ease;
          transition: background 300ms ease;
}

.o-btn_submit:hover {
  background: #ee323c;
}

.pop-protocol {
  width: 100%;
  height: 100%;
}

.pop-protocol h2 {
  font-size: 24px;
  text-align: center;
  margin-bottom: 10px;
  color: #000000;
  font-family: "Microsoft Yahei";
}

.pop-protocol iframe {
  width: 100%;
  height: 90%;
}

/* 5-20 */
.o-regist2 {
  box-shadow: 0 0 5px #999999;
  border: 1px solid #ccc;
  background: #ffffff;
  padding-bottom: 36px;
  width: 1000px;
  margin: 100px auto;
  font-family: "microsoft Yahei";
}

.o-regist2 .setion-title {
  text-align: center;
  padding-top: 36px;
}

.o-regist2 .setion-title .title-font {
  display: inline-block;
  border-left: 1px solid #999999;
  padding-left: 15px;
  margin-left: 15px;
  position: relative;
  top: -5px;
}

.o-regist2 .section-bd {
  margin: 26px auto 0 auto;
  width: 338px;
}

.o-regist2 .section-bd .form-info > label > i {
  position: relative;
  top: 2px;
  margin-right: 8px;
}

.o-regist2 .section-bd .form-info .img-btn {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0px;
  margin: auto;
  z-index: 6;
}

.o-regist2 .section-bd .form-info .v-code-btn {
  position: absolute;
  top: 0;
  bottom: 0;
  right: -122px;
  margin: auto;
  z-index: 6;
  width: 96px;
  height: 34px;
  line-height: 34px;
  color: #ffffff;
  font-size: 14px;
  background: #167ac6;
  border-radius: 5px;
  text-align: center;
  -webkit-transition: all .2s;
          transition: all .2s;
}

.o-regist2 .section-bd .form-info .v-code-btn:hover {
  opacity: 0.8;
  /* filter: alpha(opacity=80); */
  filter: alpha(opacity=80);
}

.o-regist2 .section-bd .form-info .v-code-active {
  background: #dedede;
}

.o-regist2 .section-bd .next-btn {
  margin: 62px auto 0 auto;
}

.o-regist2 .section-bd .tip-msg {
  display: block;
  color: #167ac6;
  font-size: 12px;
  text-align: center;
  margin-top: 12px;
}

.o-regist2 .section-bd .tip-msg:hover {
  text-decoration: underline !important;
}

.o-regist2 .section-bd .tip-msg2 {
  font-size: 14px;
  margin-top: 15px;
}

.o-regist2 .icon_hiyd {display: inline-block;
  width: 84px;
  height: 34px;background-repeat: no-repeat;}

.o-regist2 .icon_phone {display: inline-block;
  width: 11px;
  height: 13px;background-repeat: no-repeat;}

.o-regist2 .icon_pic {display: inline-block;
  width: 12px;
  height: 11px;background-repeat: no-repeat;}

.o-regist2 .icon_msg {display: inline-block;
  width: 12px;
  height: 11px;background-repeat: no-repeat;}

.o-regist2 .icon_psw {display: inline-block;
  width: 11px;
  height: 13px;background-repeat: no-repeat;}

.o-regist2 .icon_user {display: inline-block;
  width: 12px;
  height: 13px;background-repeat: no-repeat;}

.o-regist2 .icon_right {position: absolute;
  top: 0;
  bottom: 0;
  right: 12px;
  margin: auto;
  z-index: 6;
  display: none;
  width: 20px;
  height: 20px;background-repeat: no-repeat;}

.o-regist2 .icon_notice {display: none;
  width: 24px;
  height: 22px;
  
  position: absolute;
  right: 10px;
  top: 13px;
  z-index: 6;background-repeat: no-repeat;}

.o-regist2 .setion-hd {
  height: 104px;
  background: #26262e;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262e), color-stop(100%, #46464c));
  background: -webkit-linear-gradient(top, #26262e 0%, #46464c 100%);
  background: linear-gradient(to bottom, #26262e 0%, #46464c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= $color-form,endColorstr= $color-to,GradientType=0 );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= #26262e , endColorstr= #46464c,GradientType=0 );
  border-size: content-box;
}

.o-regist2 .setion-hd .setion-title {
  color: #FFFFFF;
  font-size: 22px;
}

.o-regist2 .setion-hd .setion-intro {
  color: #999999;
  font-size: 12px;
  margin-top: 13px;
}

.o-regist2 .section-bd .next-btn {
  display: block;
  width: 164px;
  height: 56px;
  line-height: 56px;
  text-align: center;
  color: #ffffff;
  font-size: 14px;
  background: #f12b24;
  -webkit-transition: all .2s;
          transition: all .2s;
}

.o-regist2 .section-bd .next-btn:hover {
  opacity: 0.8;
  /* filter: alpha(opacity=80); */
  filter: alpha(opacity=80);
}

.o-regist2 .section-bd .back-btn {
  display: block;
  width: 80px;
  margin: 0 auto;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
  margin-top: 20px;
}

.o-regist2 .section-bd .back-btn:hover {
  text-decoration: underline;
  color: #167ac6;
}

.o-regist2 .section-bd .form-info {
  position: relative;
}

.o-regist2 .section-bd .form-info > label {
  font-weight: bold;
  font-size: 14px;
  color: #333333;
  line-height: 50px;
}

.o-regist2 .section-bd .form-info .info-text {
  border: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 18px;
  line-height: 18px;
  height: 18px;
  width: 80%;
  box-sizing: border-box;
  outline: none;
  z-index: 4;
  background: transparent;
  margin: auto;
  color: #333;
}

.o-regist2 .section-bd .form-info .info-text.info-v-pic {
  width: 60%;
}

.o-regist2 .section-bd .form-info .info-text:-webkit-autofill {
  box-shadow: 0 0 0 10em #f5f5f5 inset;
}

.o-regist2 .section-bd .form-info .info-text + div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 50px;
  background: #f5f5f5;
  z-index: 3;
}

.o-regist2 .section-bd .form-info .info-text:focus + div {
  border: 1px solid #ed7975;
}

.o-regist2 .section-bd .form-info .date-wrap, .o-regist2 .section-bd .form-info .height-wrap, .o-regist2 .section-bd .form-info .weight-wrap, .o-regist2 .section-bd .form-info .fat-wrap, .o-regist2 .section-bd .form-info .phone-wrap {
  position: relative;
}

.o-regist2 .section-bd .form-info .date-wrap:before, .o-regist2 .section-bd .form-info .height-wrap:before, .o-regist2 .section-bd .form-info .weight-wrap:before, .o-regist2 .section-bd .form-info .fat-wrap:before, .o-regist2 .section-bd .form-info .phone-wrap:before {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

.o-regist2 .section-bd .form-info .height-wrap, .o-regist2 .section-bd .form-info .weight-wrap, .o-regist2 .section-bd .form-info .fat-wrap, .o-regist2 .section-bd .form-info .phone-wrap {
  display: block;
  height: 50px;
  line-height: 50px;
}

.o-regist2 .section-bd .form-info .height-wrap:before, .o-regist2 .section-bd .form-info .weight-wrap:before, .o-regist2 .section-bd .form-info .fat-wrap:before, .o-regist2 .section-bd .form-info .phone-wrap:before {
  right: 18px;
  z-index: 3;
  color: #cecece;
  font-size: 14px;
  height: 14px;
  z-index: 4;
}

.o-regist2 .section-bd .form-info .text-notice {
  position: absolute;
  top: 19px;
  right: 0;
  height: 11px;
  line-height: 11px;
  font-size: 11px;
  padding-left: 13px;
  color: #f12b24;
  background: url(/static/img/icon_error.png) no-repeat;
  display: none;
}

.o-regist2 .section-bd .form-info.row-error .text-notice, .o-regist2 .section-bd .form-info.row-error .icon_notice {
  display: block;
}

.o-regist2 .other-login {
  padding-top: 35px;
}

.o-regist2 .other-login_hd {
  height: 1px;
  background: #cecece;
  position: relative;
}

.o-regist2 .other-login_hd h3 {
  position: absolute;
  font-size: 14px;
  color: #333333;
  left: 50%;
  width: 165px;
  margin-left: -82.5px;
  top: -10px;
  background: #fff;
  text-align: center;
  line-height: 20px;
}

.o-regist2 .other-login_bd {
  padding-top: 35px;
  *zoom: 1;
}

.o-regist2 .other-login_bd:before, .o-regist2 .other-login_bd:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-regist2 .other-login_bd:after {
  clear: both;
}

.o-regist2 .other-login_bd span {
  cursor: pointer;
  -webkit-transition: opacity ease 300ms;
          transition: opacity ease 300ms;
}

.o-regist2 .other-login_bd span:hover {
  opacity: 0.85;
}

.o-regist2 .other-login_bd .login-qq {width: 64px;
  height: 64px;
  
  float: left;background-repeat: no-repeat;}

.o-regist2 .other-login_bd .login-wx {width: 64px;
  height: 64px;
  
  float: left;
  margin: 0 72px;background-repeat: no-repeat;}

.o-regist2 .other-login_bd .login-wb {width: 64px;
  height: 64px;
  
  float: left;background-repeat: no-repeat;}

.o-other-wrapin {
  width: 1000px;
  margin: 0 auto;
  overflow: hidden;
  *zoom: 1;
}

.o-other-wrapin:before, .o-other-wrapin:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-other-wrapin:after {
  clear: both;
}

.o-other-about {
  padding-top: 25px;
  min-height: 420px;
  *zoom: 1;
}

.o-other-about:before, .o-other-about:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-other-about:after {
  clear: both;
}

.o-other-about .link-bd {
  margin-bottom: 15px;
}

.about-col-fl {
  float: left;
  width: 100%;
}

.about-col-fr {
  float: right;
  width: 100%;
}

.o-other-link {
  min-height: 750px;
  padding-top: 40px;
}

.o-other-link .linkcon-pic {
  margin: 12px 30px 12px 0;
  float: left;
  width: 140px;
  height: 60px;
  overflow: hidden;
}

.o-other-link .linkcon-pic img {
  width: 100%;
  overflow: hidden;
  display: block;
}

.o-other-link .linkcon-group {
  margin-right: -31px;
  *zoom: 1;
}

.o-other-link .linkcon-group:before, .o-other-link .linkcon-group:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-other-link .linkcon-group:after {
  clear: both;
}

.o-other-link .linkhref-group {
  margin-top: 25px;
  border-top: 1px solid #ededed;
  margin-right: -31px;
  padding-top: 15px;
  *zoom: 1;
}

.o-other-link .linkhref-group:before, .o-other-link .linkhref-group:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-other-link .linkhref-group:after {
  clear: both;
}

.o-other-link .linkhref-group li {
  float: left;
  width: 140px;
  margin-right: 30px;
  margin-bottom: 25px;
  color: #606060;
}

.o-other-link .linkhref-group a:hover {
  color: #c9151e;
}

.o-other-join {
  padding: 40px 0 0;
}

.o-other-join .join-con {
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 15px;
  margin-top: 20px;
}

.o-other-join .join-con h4 {
  color: #000000;
  font-size: 14px;
  margin-bottom: 10px;
}

.o-other-join .join-con p {
  color: #666666;
  font-size: 14px;
  line-height: 24px;
}

.o-bbcourse-banner {
  height: 300px;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
}

.o-bbcourse-banner .banner-inner {
  position: relative;
  height: 100%;
}

.o-bbcourse-banner img {
  position: absolute;
  width: 1920px;
  height: 100%;
  left: 50%;
  top: 0;
  margin-left: -960px;
  display: block;
  overflow: hidden;
}

.o-bbcourse-banner .banner-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.o-bbcourse-banner h1 {
  width: 1200px;
  margin: 54px auto 25px;
  text-indent: 117px;
  font-size: 48px;
  font-family: Tahoma,"Microsoft YaHei",sans-serif;
  line-height: 1.1em;
  color: #fff;
}

.o-bbcourse-banner .cont {
  width: 1200px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 1.8em;
}

.o-bbcourse-banner p {
  padding: 0 0 0 117px;
  color: #fff;
  width: 550px;
}

.o-bbcourse-index {
  padding-top: 320px;
  padding-bottom: 30px;
}

.o-bbcourse-index .box-info {
  margin-bottom: 10px;
  box-shadow: 0px 0px 3px 0px rgba(1, 1, 1, 0.1);
  background: #fff;
}

.o-bbcourse-index .box-info-hd {
  padding: 15px 25px;
  border-bottom: 1px solid #f1f1f1;
  position: relative;
}

.o-bbcourse-index .box-info-hd .box-btn {
  position: absolute;
  right: 25px;
  top: 50%;
  height: 38px;
  line-height: 38px;
  border-radius: 2px;
  margin-top: -19px;
  padding: 0 12px;
  background: #ed2424;
  color: #fff;
  cursor: pointer;
  font-size: 12px;
}

.o-bbcourse-index .box-info-hd .box-btn:hover {
  background: #cf2121;
}

.o-bbcourse-index .box-info-hd .box-btn em {
  vertical-align: middle;
}

.o-bbcourse-index .box-info-hd .box-btn strong {
  font-size: 24px;
  vertical-align: top;
}

.o-bbcourse-index .box-info-hd .box-btn.joined {
  background: #9f9f9f;
}

.o-bbcourse-index .box-info-hd .box-btn.joined:hover {
  background: #898989;
}

.o-bbcourse-index .box-info-hd .box-btn.btn-sign {
  right: 159px;
  background: #4EB2E3;
}

.o-bbcourse-index .box-info-hd .box-btn.btn-sign i {display: inline-block;
  width: 17px;
  height: 17px;
  vertical-align: sub;
  margin-right: 5px;background-repeat: no-repeat;}

.o-bbcourse-index .box-info-hd .box-btn.btn-sign.signed {
  background: #E2E2E2;
}

.o-bbcourse-index .box-info-hd .box-btn.btn-sign.signed i {background-repeat: no-repeat;}

.o-bbcourse-index .box-info-hd .hd-row1 {
  height: 28px;
  *zoom: 1;
}

.o-bbcourse-index .box-info-hd .hd-row1:before, .o-bbcourse-index .box-info-hd .hd-row1:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-bbcourse-index .box-info-hd .hd-row1:after {
  clear: both;
}

.o-bbcourse-index .box-info-hd .hd-row1 h1 {
  color: #333333;
  font-size: 20px;
  float: left;
  margin-right: 20px;
  max-width: 500px;
  line-height: 28px;
  height: 28px;
  white-space: nowrap;
  word-break: keep-all;
  overflow: hidden;
}

.o-bbcourse-index .box-info-hd .hd-row2 {
  font-size: 14px;
  color: #666666;
  margin-top: 15px;
  *zoom: 1;
}

.o-bbcourse-index .box-info-hd .hd-row2:before, .o-bbcourse-index .box-info-hd .hd-row2:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-bbcourse-index .box-info-hd .hd-row2:after {
  clear: both;
}

.o-bbcourse-index .box-info-hd .hd-row2 span {
  margin-right: 60px;
  float: left;
}

.o-bbcourse-index .box-info-hd .m-share-list {
  float: left;
  font-size: 14px;
  margin-right: 20px;
}

.o-bbcourse-index .box-info-hd .row-item1 {
  float: left;
  font-size: 14px;
  color: #666666;
  margin-right: 20px;
}

.o-bbcourse-index .box-info-hd .row-item1 strong {
  font-size: 24px;
  color: #ed2424;
}

.o-bbcourse-index .box-info-hd .row-item2 {
  float: left;
  margin-right: 20px;
  font-size: 12px;
  color: #167ac6;
  cursor: pointer;
  margin-top: 10px;
}

.o-bbcourse-index .box-info-hd .row-item2:hover {
  text-decoration: underline;
}

.o-bbcourse-index .box-info-hd .row-tabs {
  *zoom: 1;
}

.o-bbcourse-index .box-info-hd .row-tabs:before, .o-bbcourse-index .box-info-hd .row-tabs:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-bbcourse-index .box-info-hd .row-tabs:after {
  clear: both;
}

.o-bbcourse-index .box-info-hd .row-tabs li {
  background: #eeeeee;
  color: #666666;
  font-size: 12px;
  float: left;
  border-left: 1px solid #d5d5d5;
}

.o-bbcourse-index .box-info-hd .row-tabs li:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-left: none;
}

.o-bbcourse-index .box-info-hd .row-tabs li:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.o-bbcourse-index .box-info-hd .row-tabs li.current {
  background: #7679f2;
}

.o-bbcourse-index .box-info-hd .row-tabs li.current a {
  color: #fff;
}

.o-bbcourse-index .box-info-hd .row-tabs a {
  display: block;
  line-height: 28px;
  padding: 0 7px;
}

.o-bbcourse-index .box-info-bd {
  padding: 12px 25px;
  line-height: 24px;
  font-size: 12px;
  color: #666666;
}

.o-bbcourse-index .box-table {
  margin-bottom: 10px;
  box-shadow: 0px 0px 3px 0px rgba(1, 1, 1, 0.1);
  background: #fff;
  padding-top: 35px;
}

.o-bbcourse-index .box-table .table-title {
  font-size: 16px;
  padding: 0 0 30px;
  color: #333333;
  text-align: center;
}

.o-bbcourse-index .box-table .table-title h4 {
  border-bottom: 2px solid #e32828;
  display: inline-block;
  padding-bottom: 8px;
}

.o-bbcourse-index .box-table .table-con {
  padding: 0 20px 35px;
}

.o-bbcourse-index .box-table .table-con table {
  width: 100%;
}

.o-bbcourse-index .box-table .table-con td {
  border: 1px solid #e6e6e6;
  vertical-align: middle;
  position: relative;
  /** 未签到 */
  /** 已签到 */
  /** 休息 */
}

.o-bbcourse-index .box-table .table-con td.tp-head {
  border: none;
  width: 75px;
  color: #666666;
  font-size: 30px;
}

.o-bbcourse-index .box-table .table-con td.tp-head:hover {
  background: #fff;
}

.o-bbcourse-index .box-table .table-con td.tp-rest {
  background: #4eb2e3;
}

.o-bbcourse-index .box-table .table-con td.tp-rest .row-index, .o-bbcourse-index .box-table .table-con td.tp-rest .row-text {
  color: #fff;
}

.o-bbcourse-index .box-table .table-con td.tp-rest:hover {
  background: #4eb2e3;
}

.o-bbcourse-index .box-table .table-con td.tp-rest:hover .row-icon {
  display: none;
}

.o-bbcourse-index .box-table .table-con td.tp-rest2 {
  background: #9E9E9E;
}

.o-bbcourse-index .box-table .table-con td.tp-rest2 .row-index, .o-bbcourse-index .box-table .table-con td.tp-rest2 .row-text {
  color: #fff;
}

.o-bbcourse-index .box-table .table-con td.tp-rest2:hover {
  background: #9E9E9E;
}

.o-bbcourse-index .box-table .table-con td.tp-rest2:hover .row-icon {
  display: none;
}

.o-bbcourse-index .box-table .table-con td.tp-rest2 a {
  cursor: default;
}

.o-bbcourse-index .box-table .table-con td.tp-empty:hover {
  background: #fff;
}

.o-bbcourse-index .box-table .table-con td:hover {
  background: #ef5561;
}

.o-bbcourse-index .box-table .table-con td:hover .row-icon {
  display: block;
}

.o-bbcourse-index .box-table .table-con td:hover .row-index, .o-bbcourse-index .box-table .table-con td:hover .row-text {
  color: #fff;
}

.o-bbcourse-index .box-table .table-con td:hover .row-sign {
  color: #fff;
  background: #f7717c;
}

.o-bbcourse-index .box-table .table-con td:hover .row-sign i {background-repeat: no-repeat;}

.o-bbcourse-index .box-table .table-con td:hover .row-sign.signed i {background-repeat: no-repeat;}

.o-bbcourse-index .box-table .table-con .row-item {
  display: block;
  width: 110px;
  margin: 0 auto;
  height: 150px;
  overflow: hidden;
  text-align: center;
}

.o-bbcourse-index .box-table .table-con .row-icon {position: absolute;
  display: none;
  width: 28px;
  height: 28px;
  
  top: 8px;
  left: 50%;
  margin-left: -14px;background-repeat: no-repeat;}

.o-bbcourse-index .box-table .table-con .row-index {
  font-size: 32px;
  color: #9092a0;
  text-align: center;
  font-weight: bold;
  padding-top: 43px;
}

.o-bbcourse-index .box-table .table-con .row-text {
  font-size: 12px;
  color: #9596a2;
  padding-top: 5px;
  line-height: 18px;
  height: 50px;
  overflow: hidden;
  text-align: center;
}

.o-bbcourse-index .box-table .table-con .row-sign {
  padding: 0 6px;
  line-height: 22px;
  font-size: 12px;
  position: absolute;
  right: 5px;
  bottom: 4px;
  color: #c8cad9;
}

.o-bbcourse-index .box-table .table-con .row-sign em {
  vertical-align: middle;
}

.o-bbcourse-index .box-table .table-con .row-sign.signed i {background-repeat: no-repeat;}

.o-bbcourse-index .box-table .table-con .row-sign i {width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;background-repeat: no-repeat;}

.o-bbcourse-index .box-list {
  margin-bottom: 10px;
  box-shadow: 0px 0px 3px 0px rgba(1, 1, 1, 0.1);
  background: #fff;
  padding: 20px;
}

.o-bbcourse-index .box-list h4 {
  color: #1f212a;
  margin-bottom: 24px;
}

.o-bbcourse-index .box-list ul {
  margin-right: -21px;
  *zoom: 1;
}

.o-bbcourse-index .box-list ul:before, .o-bbcourse-index .box-list ul:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-bbcourse-index .box-list ul:after {
  clear: both;
}

.o-bbcourse-index .box-list li {
  width: 180px;
  margin-right: 16px;
  float: left;
  cursor: pointer;
  position: relative;
  -webkit-transition: opacity 300ms ease;
          transition: opacity 300ms ease;
}

.o-bbcourse-index .box-list li:hover {
  opacity: 0.8;
}

.o-bbcourse-index .box-list li a {
  display: block;
  width: 100%;
  position: relative;
}

.o-bbcourse-index .box-list li img {
  display: block;
  width: 100%;
  overflow: hidden;
}

.o-bbcourse-index .box-list li .pic-mask {
  position: absolute;
  width: 100%;
  height: 33px;
  background: url(/static/img/bg-mask2.png) no-repeat;
  bottom: 0;
  left: 0;
}

.o-bbcourse-index .box-list li strong {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 14px;
  color: #ffffff;
  text-indent: 10px;
  line-height: 26px;
  height: 26px;
  white-space: nowrap;
  word-break: keep-all;
}

.o-bbcourse-index .box-comment {
  margin-bottom: 10px;
}

@media only screen and (min-width: 1550px) {
  .o-bbcourse-index .box-list ul li {
    width: 215px;
    margin-right: 21px;
  }
}

.o-bbcourse {
  position: relative;
  margin-top: 18px;
}

.o-bbcourse .trainning-list-wrap {
  margin-right: 348px;
  position: relative;
  background: #FFFFFF;
}

.o-bbcourse .trainning-list-wrap .trainning-list-title {
  color: #161616;
  font-size: 20px;
  padding-left: 22px;
  line-height: 46px;
  height: 46px;
  border-bottom: 1px solid #e9e9e9;
}

.o-bbcourse .trainning-list-wrap .traning-sort {
  position: absolute;
  top: 10px;
  right: 20px;
  width: 103px;
  height: 26px;
  border-radius: 5px;
  background: #f8f8f8;
  border: 1px solid #d3d3d3;
  padding-left: 9px;
}

.o-bbcourse .trainning-list-wrap .trainning-list li {
  -webkit-transition: all .2s;
          transition: all .2s;
  background: #FFFFFF;
}

.o-bbcourse .trainning-list-wrap .trainning-list li:hover {
  box-shadow: 0 0px 8px #BDBCBC;
  -webkit-transform: translate3d(0, -2px, 0);
          transform: translate3d(0, -2px, 0);
}

.o-bbcourse .trainning-list-wrap .trainning-list .list-item {
  display: block;
  margin: 0 22px;
  padding: 16px 0px 18px 0;
  border-bottom: 1px solid #e9e9e9;
  *zoom: 1;
}

.o-bbcourse .trainning-list-wrap .trainning-list .list-item:before, .o-bbcourse .trainning-list-wrap .trainning-list .list-item:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-bbcourse .trainning-list-wrap .trainning-list .list-item:after {
  clear: both;
}

.o-bbcourse .trainning-list-wrap .train-pic {
  display: inline-block;
  width: 222px;
  height: 122px;
  float: left;
}

.o-bbcourse .trainning-list-wrap img {
  display: block;
  width: 100%;
  overflow: hidden;
}

.o-bbcourse .trainning-list-wrap .train-title, .o-bbcourse .trainning-list-wrap .train-intro, .o-bbcourse .trainning-list-wrap .train-details {
  margin-left: 240px;
}

.o-bbcourse .trainning-list-wrap .train-title {
  font-size: 18px;
  height: 26px;
  font-weight: bold;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #333333;
}

.o-bbcourse .trainning-list-wrap .train-title a {
  font-size: 18px;
  color: #333333;
}

.o-bbcourse .trainning-list-wrap .train-intro {
  font-size: 12px;
  line-height: 16px;
  color: #999999;
  max-height: 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.o-bbcourse .trainning-list-wrap .train-intro a {
  font-size: 12px;
  color: #999999;
}

.o-bbcourse .trainning-list-wrap .train-details {
  margin-top: 12px;
}

.o-bbcourse .trainning-list-wrap .train-details span {
  color: #666666;
  font-size: 14px;
  margin-right: 56px;
}

.o-bbcourse .trainning-list-wrap .train-details span em {
  color: #333333;
}

.o-bbcourse .trainning-list-wrap .train-details span.no-mr {
  margin-right: 0;
}

.o-bbcourse .trainning-list-wrap .train-details:first {
  margin-top: 18px;
}

.o-bbcourse .trainning-list-wrap .train-details-strength {
  margin-right: 35px;
}

.o-bbcourse .trainning-list-wrap .icon-strength-wrap {
  height: 17px;
  width: 105px;
  background: url(/static/img/icon-hard-empty.png) repeat-x;
  display: inline-block;
  position: relative;
  top: 3px;
  margin-right: 0;
}

.o-bbcourse .trainning-list-wrap .icon-strength-wrap span {
  height: 17px;
  display: inline-block;
  background: url(/static/img/icon-hard-full.png) repeat-x;
}

.o-bbcourse .trainning-list-wrap .icon-star-wrap {height: 14px;
  width: 85px;
  display: inline-block;
  margin-left: 9px;
  position: relative;
  top: 1px;background-repeat: repeat-x}

.o-bbcourse .trainning-list-wrap .icon-star-wrap span {height: 14px;
  display: inline-block;background-repeat: repeat-x}

.o-bbcourse .trainning-plan-wrap {
  position: absolute;
  top: 0;
  right: 0;
  width: 338px;
}

.o-bbcourse .trainning-plan-wrap .plan-hot {
  display: block;
  width: 100%;
  height: 133px;
  background: url(/static/img/index2/make-plan2.jpg);
  background-size: 100%;
  border-radius: 2px;
  cursor: pointer;
}

.o-bbcourse .trainning-plan-wrap .plan-hot:hover {
  opacity: 0.8;
  /* filter: alpha(opacity=80); */
  filter: alpha(opacity=80);
}

.o-bbcourse-detail {
  margin-top: 320px;
  position: relative;
}

.o-bbcourse-detail .box-hd, .o-bbcourse-detail .box-bd, .o-bbcourse-detail .box-comment {
  margin-right: 236px;
}

.o-bbcourse-detail .box-hd {
  background: #FFFFFF;
}

.o-bbcourse-detail .box-hd .hd-row1 {
  line-height: 46px;
  height: 46px;
  color: #666666;
  font-size: 14px;
  border-bottom: 1px solid #e9e9e9;
  position: relative;
  *zoom: 1;
}

.o-bbcourse-detail .box-hd .hd-row1:before, .o-bbcourse-detail .box-hd .hd-row1:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-bbcourse-detail .box-hd .hd-row1:after {
  clear: both;
}

.o-bbcourse-detail .box-hd .hd-row1 .row1-day {
  margin-left: 20px;
  float: left;
  font-weight: bold;
  color: #333333;
}

.o-bbcourse-detail .box-hd .hd-row1 .row1-body {
  margin-left: 44px;
  float: left;
  font-weight: bold;
  color: #333333;
}

.o-bbcourse-detail .box-hd .hd-row1 .row1-select {
  margin-left: 28px;
  height: 26px;
  border-radius: 5px;
  background: #f8f8f8;
  border: 1px solid #d3d3d3;
  padding-left: 9px;
}

.o-bbcourse-detail .box-hd .hd-row1 .btn {
  float: right;
  width: 79px;
  margin-top: 8px;
  margin-right: 16px;
  line-height: 31px;
  height: 31px;
  text-align: center;
  background: #f21a1a;
  color: #FFFFFF;
}

.o-bbcourse-detail .box-hd .hd-row1 .btn:hover {
  opacity: 0.8;
  /* filter: alpha(opacity=80); */
  filter: alpha(opacity=80);
}

.o-bbcourse-detail .box-hd .hd-row1 .btn-joined {
  line-height: 31px;
  height: 31px;
  color: #fff;
  padding: 0 15px 0 36px;
  margin-top: 8px;
  float: right;
  background: url(/static/img/btn-joined.png) 9px center no-repeat;
  background-color: #cdcdcd;
  margin-right: 20px;
}

.o-bbcourse-detail .box-hd .hd-row1 .btn-join {
  line-height: 31px;
  height: 31px;
  color: #fff;
  cursor: pointer;
  margin-top: 8px;
  padding: 0 15px 0 36px;
  float: right;
  background: url(/static/img/btn-join.png) 9px center no-repeat;
  background-color: #f21a1a;
  margin-right: 20px;
}

.o-bbcourse-detail .box-hd .hd-row1 .btn-join:hover {
  opacity: 0.8;
  /* filter: alpha(opacity=80); */
  filter: alpha(opacity=80);
}

.o-bbcourse-detail .box-hd .hd-row1 .row1-tabs {
  *zoom: 1;
  padding: 9px 0 0 40px;
  float: left;
}

.o-bbcourse-detail .box-hd .hd-row1 .row1-tabs:before, .o-bbcourse-detail .box-hd .hd-row1 .row1-tabs:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-bbcourse-detail .box-hd .hd-row1 .row1-tabs:after {
  clear: both;
}

.o-bbcourse-detail .box-hd .hd-row1 .row1-tabs li {
  float: left;
}

.o-bbcourse-detail .box-hd .hd-row1 .row1-tabs li span {
  color: #333333;
  background: #efefef;
  border-radius: 3px;
  float: left;
  height: 28px;
  line-height: 28px;
  padding: 0 5px 0 15px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.o-bbcourse-detail .box-hd .hd-row1 .row1-tabs li span:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  background: #cdcdcd;
  width: 11px;
  height: 100%;
}

.o-bbcourse-detail .box-hd .hd-row1 .row1-tabs li i {width: 14px;
  height: 12px;
  float: left;
  margin: 8px 5px 0;background-repeat: no-repeat;}

.o-bbcourse-detail .box-hd .hd-row1 .row1-tabs .tabs-0 i {
  display: none;
}

.o-bbcourse-detail .box-hd .hd-row1 .row1-tabs .current span {
  background: #849aee;
  color: #fff;
}

.o-bbcourse-detail .box-hd .hd-row1 .row1-tabs .current span:before {
  background: #607de9;
}

.o-bbcourse-detail .box-hd .hd-row2 {
  padding: 10px 10px  10px  20px;
  color: #666;
  font-size: 12px;
}

.o-bbcourse-detail .box-hd .hd-row2 h4 {
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 20px;
  text-indent: 2em;
}

.o-bbcourse-detail .box-hd .hd-row2 pre, .o-bbcourse-detail .box-hd .hd-row2 p {
  line-height: 2em;
  text-indent: 2em;
  font-size: 12px;
  word-break: break-word;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
  font-family: Tahoma, "Microsoft YaHei", sans-serif;
}

.o-bbcourse-detail .o-video-player {
  width: 100%;
  min-height: 430px;
}

.o-bbcourse-detail .box-bd .group-list > li {
  margin-top: 9px;
  background: #FFFFFF;
  position: relative;
}

.o-bbcourse-detail .box-bd .day-noon {
  color: #333333;
  font-size: 16px;
  font-weight: bold;
  line-height: 30px;
  margin-top: 10px;
}

.o-bbcourse-detail .box-aside {
  width: 223px;
  background: #FFFFFF;
  position: absolute;
  top: 0;
  right: 0;
}

.o-bbcourse-detail .box-aside li.week-fold .icon-down {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

.o-bbcourse-detail .box-aside h2 {
  text-align: center;
  line-height: 46px;
  height: 46px;
  color: #333333;
  font-size: 14px;
  border-bottom: 1px solid #e9e9e9;
  cursor: pointer;
}

.o-bbcourse-detail .box-aside h2 em {
  margin-right: 8px;
}

.o-bbcourse-detail .box-aside h2 .icon-down {width: 8px;
  height: 4px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  
  -webkit-transition: all .2s;
          transition: all .2s;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);background-repeat: no-repeat;}

.o-bbcourse-detail .box-aside .day-list {
  border-bottom: 1px solid #e9e9e9;
}

.o-bbcourse-detail .box-aside .day-list a {
  display: block;
  line-height: 34px;
  height: 34px;
  text-align: left;
  font-size: 12px;
  color: #167ac6;
  overflow: hidden;
  padding: 0 20px;
}

.o-bbcourse-detail .box-aside .day-list a em {
  margin-right: 6px;
}

.o-bbcourse-detail .box-aside .day-list a.rest {
  color: #555;
}

.o-bbcourse-detail .box-aside .day-list a:hover, .o-bbcourse-detail .box-aside .day-list a.active {
  background: #f7f7f7;
  color: #f21a1a;
}

.o-bbcourse-detail .box-comment {
  margin-top: 10px;
}

.o-bbcourse-detail .action-list-wrap .group-title {
  font-size: 14px;
  font-weight: bold;
  line-height: 28px;
  padding: 4px 0;
}

.o-bbcourse-detail .action-list-wrap .cont-wrap {
  position: relative;
}

.o-bbcourse-detail .action-list-wrap .group-intro {
  width: 40px;
  position: absolute;
}

.o-bbcourse-detail .action-list-wrap .group-intro .group-sort {
  display: inline-block;
  width: 100%;
  line-height: 40px;
  height: 40px;
  text-align: center;
  background: #607de9;
  color: #FFFFFF;
  font-size: 22px;
  font-weight: bold;
}

.o-bbcourse-detail .action-list-wrap .group-intro .group-name {
  color: #607de9;
  font-size: 12px;
  text-align: center;
}

.o-bbcourse-detail .action-list-wrap .group-intro .icon-question {
  margin: 0 auto;
}

.o-bbcourse-detail .action-list-wrap .group-intro .icon-question:hover + div {
  opacity: 1;
  /* filter: alpha(opacity=100); */
  filter: alpha(opacity=100);
}

.o-bbcourse-detail .action-list-wrap .group-intro .question-wrap {
  position: relative;
  margin: 2px 0 0 -80px;
  width: 200px;
  text-align: center;
}

.o-bbcourse-detail .action-list-wrap .group-intro .question-wrap .dialog-wrap {
  opacity: 0;
  /* filter: alpha(opacity=0); */
  filter: alpha(opacity=0);
  display: inline-block;
  position: relative;
  text-align: left;
  margin-top: 6px;
  background: #FFFFFF;
  border: 1px solid #dadada;
  padding: 0 6px;
  max-width: 200px;
  z-index: 3;
  font-size: 12px;
  line-height: 24px;
  color: #999999;
  -webkit-transition: all .5s;
          transition: all .5s;
}

.o-bbcourse-detail .action-list-wrap .group-intro .question-wrap .dialog-wrap:before {content: '';
  width: 11px;
  height: 12px;
  position: absolute;
  z-index: 4;
  top: -7px;
  left: 50%;
  margin-left: -5px;background-repeat: no-repeat;}

.o-bbcourse-detail .action-list-wrap .action-list {
  margin-left: 94px;
}

.o-bbcourse-detail .action-list-wrap .action-list > li {
  border-bottom: 1px solid #e2e2e2;
}

.o-bbcourse-detail .action-list-wrap .action-list > li:last-child {
  border-bottom: none;
}

.o-bbcourse-detail .action-list-wrap .action-list > li .list-item {
  display: block;
  position: relative;
  height: 103px;
}

.o-bbcourse-detail .action-list-wrap .action-list > li .list-item:hover h3 a {
  color: #f21a1a;
}

.o-bbcourse-detail .action-list-wrap .action-list > li h3 {
  color: #333333;
  font-size: 20px;
  padding-top: 13px;
  line-height: 25px;
  width: 50%;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.o-bbcourse-detail .action-list-wrap .action-list > li h3 a {
  color: #333333;
  font-size: 20px;
}

.o-bbcourse-detail .action-list-wrap .action-list > li p {
  color: #666666;
  font-size: 14px;
  margin-top: 16px;
  width: 50%;
  height: 40px;
  line-height: 20px;
  overflow: hidden;
}

.o-bbcourse-detail .action-list-wrap .action-list > li .img-wrap {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  *zoom: 1;
}

.o-bbcourse-detail .action-list-wrap .action-list > li .img-wrap:before, .o-bbcourse-detail .action-list-wrap .action-list > li .img-wrap:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-bbcourse-detail .action-list-wrap .action-list > li .img-wrap:after {
  clear: both;
}

.o-bbcourse-detail .action-list-wrap .action-list > li .img-wrap img {
  height: 100%;
  width: 152px;
  display: block;
  overflow: hidden;
  float: left;
  border: 1px solid #CCC;
}

.o-bbcourse-detail .action-list-wrap .group-explain {
  font-size: 14px;
  line-height: 1.5em;
  padding: 15px 15px 15px 95px;
  color: #666;
}

.icon-question {display: block;
  width: 20px;
  height: 20px;background-repeat: no-repeat;}

.o-plan-banner {
  height: 352px;
  background: #292c30;
  overflow: hidden;
  margin-top: 50px;
}

.o-plan-banner:before, .o-plan-banner:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  height: 100%;
  box-shadow: 0px 0 50px #fff;
  width: 1px;
}

.o-plan-banner:before {
  left: 0;
}

.o-plan-banner:after {
  right: 0;
}

.o-plan-banner .banner-main {
  height: 100%;
  width: 1180px;
  margin: 0 auto;
  position: relative;
}

.o-plan-banner img {
  width: 100%;
  display: block;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  box-shadow: 0 0 100px #101010;
}

.o-plan-banner .banner-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.o-plan-banner h1 {
  width: 1200px;
  margin: 54px auto 25px;
  text-indent: 117px;
  font-size: 48px;
  font-family: Tahoma,"Microsoft YaHei",sans-serif;
  line-height: 1.1em;
  color: #fff;
}

.o-plan-banner .cont {
  width: 1200px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 1.8em;
}

.o-plan-banner p {
  padding: 0 0 0 117px;
  color: #fff;
  width: 550px;
}

.o-plan {
  background: #f2f2f2;
}

.o-plan-index {
  padding-bottom: 10px;
}

.o-plan-index .box-info {
  box-shadow: 0px 0px 3px 0px rgba(1, 1, 1, 0.1);
  background: #fff;
  width: 1180px;
  margin: 18px auto;
}

.o-plan-index .box-info-hd {
  padding: 15px 25px;
  border-bottom: 1px solid #f1f1f1;
  position: relative;
}

.o-plan-index .box-info-hd .box-btn {
  position: absolute;
  right: 25px;
  top: 50%;
  height: 38px;
  line-height: 38px;
  border-radius: 2px;
  margin-top: -19px;
  padding: 0 12px;
  background: #ed2424;
  color: #fff;
  cursor: pointer;
  font-size: 12px;
}

.o-plan-index .box-info-hd .box-btn:hover {
  background: #cf2121;
}

.o-plan-index .box-info-hd .box-btn em {
  vertical-align: middle;
}

.o-plan-index .box-info-hd .box-btn strong {
  font-size: 24px;
  vertical-align: top;
}

.o-plan-index .box-info-hd .box-btn.joined {
  background: #9f9f9f;
}

.o-plan-index .box-info-hd .box-btn.joined:hover {
  background: #898989;
}

.o-plan-index .box-info-hd .box-btn.btn-sign {
  right: 159px;
  background: #4EB2E3;
}

.o-plan-index .box-info-hd .box-btn.btn-sign i {display: inline-block;
  width: 17px;
  height: 17px;
  vertical-align: sub;
  margin-right: 5px;background-repeat: no-repeat;}

.o-plan-index .box-info-hd .box-btn.btn-sign.signed {
  background: #E2E2E2;
}

.o-plan-index .box-info-hd .box-btn.btn-sign.signed i {background-repeat: no-repeat;}

.o-plan-index .box-info-hd .hd-row1 {
  height: 28px;
  *zoom: 1;
}

.o-plan-index .box-info-hd .hd-row1:before, .o-plan-index .box-info-hd .hd-row1:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-plan-index .box-info-hd .hd-row1:after {
  clear: both;
}

.o-plan-index .box-info-hd .hd-row1 h2 {
  color: #333333;
  font-size: 20px;
  float: left;
  margin-right: 20px;
  max-width: 500px;
  line-height: 28px;
  height: 28px;
  white-space: nowrap;
  word-break: keep-all;
  overflow: hidden;
}

.o-plan-index .box-info-hd .hd-row2 {
  font-size: 14px;
  color: #666666;
  margin-top: 15px;
  *zoom: 1;
}

.o-plan-index .box-info-hd .hd-row2:before, .o-plan-index .box-info-hd .hd-row2:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-plan-index .box-info-hd .hd-row2:after {
  clear: both;
}

.o-plan-index .box-info-hd .hd-row2 span {
  margin-right: 60px;
  float: left;
}

.o-plan-index .box-info-hd .m-share-list {
  float: left;
  font-size: 14px;
  margin-right: 20px;
}

.o-plan-index .box-info-hd .row-item1 {
  float: left;
  font-size: 14px;
  color: #666666;
  margin-right: 20px;
}

.o-plan-index .box-info-hd .row-item1 strong {
  font-size: 24px;
  color: #ed2424;
}

.o-plan-index .box-info-hd .row-item2 {
  float: left;
  margin-right: 20px;
  font-size: 12px;
  color: #167ac6;
  cursor: pointer;
  margin-top: 10px;
}

.o-plan-index .box-info-hd .row-item2:hover {
  text-decoration: underline;
}

.o-plan-index .box-info-hd .row-tabs {
  *zoom: 1;
}

.o-plan-index .box-info-hd .row-tabs:before, .o-plan-index .box-info-hd .row-tabs:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-plan-index .box-info-hd .row-tabs:after {
  clear: both;
}

.o-plan-index .box-info-hd .row-tabs li {
  background: #eeeeee;
  color: #666666;
  font-size: 12px;
  float: left;
  border-left: 1px solid #d5d5d5;
}

.o-plan-index .box-info-hd .row-tabs li:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-left: none;
}

.o-plan-index .box-info-hd .row-tabs li:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.o-plan-index .box-info-hd .row-tabs li.current {
  background: #7679f2;
}

.o-plan-index .box-info-hd .row-tabs li.current a {
  color: #fff;
}

.o-plan-index .box-info-hd .row-tabs a {
  display: block;
  line-height: 28px;
  padding: 0 7px;
}

.o-plan-index .box-table {
  box-shadow: 0px 0px 3px 0px rgba(1, 1, 1, 0.1);
  background: #fff;
  width: 1180px;
  margin: 18px auto;
}

.o-plan-index .box-table .table-title {
  font-size: 16px;
  padding: 14px 0 10px 0;
  color: #333333;
  text-align: center;
}

.o-plan-index .box-table .table-title h4 {
  border-bottom: 2px solid #e32828;
  display: inline-block;
  padding-bottom: 8px;
  font-weight: bold;
}

.o-plan-index .box-table .table-intro {
  font-size: 12px;
  color: #565656;
  line-height: 18px;
  text-align: center;
}

.o-plan-index .box-table .table-con {
  padding: 0 20px 35px;
}

.o-plan-index .box-table .table-con .table-main {
  width: 1072px;
  margin: 23px auto 0 auto;
}

.o-plan-index .box-table .table-con ul {
  *zoom: 1;
  border-top: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  display: inline-block;
}

.o-plan-index .box-table .table-con ul:before, .o-plan-index .box-table .table-con ul:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-plan-index .box-table .table-con ul:after {
  clear: both;
}

.o-plan-index .box-table .table-con li {
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  float: left;
  vertical-align: middle;
  position: relative;
  width: 153px;
  height: 150px;
  /** 休息 */
}

.o-plan-index .box-table .table-con li:before {
  content: "";
  width: 42px;
  height: 42px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}

.o-plan-index .box-table .table-con li.tp-clock:before {background-repeat: no-repeat;}

.o-plan-index .box-table .table-con li.tp-cur {
  background: #fafafa;
}

.o-plan-index .box-table .table-con li.tp-cur:before {background-repeat: no-repeat;}

.o-plan-index .box-table .table-con li.tp-rest {
  background: #d2d2d2;
}

.o-plan-index .box-table .table-con li.tp-rest .row-index, .o-plan-index .box-table .table-con li.tp-rest .row-text {
  color: #fff;
}

.o-plan-index .box-table .table-con li.tp-rest a {
  cursor: default;
}

.o-plan-index .box-table .table-con li.tp-rest:hover {
  background: #d2d2d2;
}

.o-plan-index .box-table .table-con li.tp-fin:before {background-repeat: no-repeat;}

.o-plan-index .box-table .table-con .row-item {
  display: block;
  width: 110px;
  margin: 0 auto;
  height: 150px;
  overflow: hidden;
  text-align: center;
}

.o-plan-index .box-table .table-con .row-icon {position: absolute;
  display: none;
  width: 28px;
  height: 28px;
  
  top: 8px;
  left: 50%;
  margin-left: -14px;background-repeat: no-repeat;}

.o-plan-index .box-table .table-con .row-index {
  font-size: 32px;
  color: #9092a0;
  text-align: center;
  font-weight: bold;
  padding-top: 43px;
}

.o-plan-index .box-table .table-con .row-text {
  font-size: 12px;
  color: #9596a2;
  line-height: 18px;
  max-height: 36px;
  overflow: hidden;
  text-align: center;
  margin: 8px 0;
}

.o-plan-index .box-table .table-con .train {
  text-align: center;
  font-size: 12px;
  line-height: 18px;
}

.o-plan-index .box-table .table-con .train.finished a {
  color: #ef5561;
}

.o-plan-index .box-table .table-con .train.finished a:before {background-repeat: no-repeat;}

.o-plan-index .box-table .table-con .train a, .o-plan-index .box-table .table-con .train span {
  display: inline-block;
  position: relative;
  padding-left: 22px;
  color: #999;
}

.o-plan-index .box-table .table-con .train a:before, .o-plan-index .box-table .table-con .train span:before {content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  
  position: absolute;
  left: 0;
  top: 3px;background-repeat: no-repeat;}

.o-plan-index .box-table .table-con .train a {
  color: #3c62db;
}

.o-plan-index .box-table .table-con .train a:hover {
  text-decoration: underline !important;
}

.o-plan-index .box-list {
  margin-bottom: 10px;
  box-shadow: 0px 0px 3px 0px rgba(1, 1, 1, 0.1);
  background: #fff;
  padding: 20px;
}

.o-plan-index .box-list h4 {
  color: #1f212a;
  margin-bottom: 24px;
}

.o-plan-index .box-list ul {
  margin-right: -21px;
  *zoom: 1;
}

.o-plan-index .box-list ul:before, .o-plan-index .box-list ul:after {
  content: "";
  display: table;
  line-height: 0;
}

.o-plan-index .box-list ul:after {
  clear: both;
}

.o-plan-index .box-list li {
  width: 180px;
  margin-right: 16px;
  float: left;
  cursor: pointer;
  position: relative;
  -webkit-transition: opacity 300ms ease;
          transition: opacity 300ms ease;
}

.o-plan-index .box-list li:hover {
  opacity: 0.8;
}

.o-plan-index .box-list li a {
  display: block;
  width: 100%;
  position: relative;
}

.o-plan-index .box-list li img {
  display: block;
  width: 100%;
  overflow: hidden;
}

.o-plan-index .box-list li .pic-mask {
  position: absolute;
  width: 100%;
  height: 33px;
  background: url(/static/img/bg-mask2.png) no-repeat;
  bottom: 0;
  left: 0;
}

.o-plan-index .box-list li strong {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 14px;
  color: #ffffff;
  text-indent: 10px;
  line-height: 26px;
  height: 26px;
  white-space: nowrap;
  word-break: keep-all;
}

.o-plan-index .box-comment {
  margin-bottom: 10px;
}

*:focus {
  outline: none;
}

/* 页面顶部样式 */
.o-hiyd > .page {
  padding-top: 50px;
}

/* 面包屑样式 */
.mod-crumbs {
  font-size: 12px;
}

.mod-crumbs span, .mod-crumbs a {
  margin-right: 3px;
}

.mod-crumbs a:hover {
  color: #AB2B2B;
}

/* 404空白页 */
.o-404-page {
  min-height: 812px;
  position: relative;
  background-color: #FFF;
  border-radius: 10px;
  margin-bottom: 30px;
  box-shadow: 0 0 20px 0 #EEEEEE;
}

.o-404-page .close {
  position: absolute;
  top: 30px;
  right: 30px;
  width: 31px;
  height: 31px;
  background-image: url("/static/img/icon-close5.png");
  background-position: 0px 0px;
  background-repeat: no-repeat;
  text-indent: -500%;
  overflow: hidden;
}

.o-404-page i {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -315px 0 0 -255px;
  width: 510px;
  height: 630px;
  background-image: url("/static/img/404.png");
  background-position: 0px 0px;
  background-repeat: no-repeat;
}
.o-index2 .box-common3 li .row2 .water{background-position:0px 0px}.section-pop .part7 .course-wrap .course .course-intro .strong{background-position:0px 0px}.o-ucenter-wrap .bb-trained-list li .row2 .water{background-position:0px 0px}.o-ucenter-wrap .aside-section3 .box-bd li .row2 .water{background-position:0px 0px}.o-index2 .box-common3 li .row2 .water .inner{background-position:0px -24px}.section-pop .part7 .course-wrap .course .course-intro .strong div{background-position:0px -24px}.o-ucenter-wrap .bb-trained-list li .row2 .water .inner{background-position:0px -24px}.o-ucenter-wrap .aside-section3 .box-bd li .row2 .water .inner{background-position:0px -24px}.o-index2 .box-common3 li .row2 .star{background-position:0px -48px}.o-ucenter-wrap .bb-trained-list li .row2 .star{background-position:0px -48px}.o-ucenter-wrap .aside-section3 .box-bd li .row2 .star{background-position:0px -48px}.o-index2 .box-common3 li .row2 .star .inner{background-position:0px -72px}.o-ucenter-wrap .bb-trained-list li .row2 .star .inner{background-position:0px -72px}.o-ucenter-wrap .aside-section3 .box-bd li .row2 .star .inner{background-position:0px -72px}.o-bbcourse .trainning-list-wrap .icon-star-wrap{background-position:0px -96px}.o-bbcourse .trainning-list-wrap .icon-star-wrap span{background-position:0px -120px}.o-index2 .box-common3 li .row2 .water,.section-pop .part7 .course-wrap .course .course-intro .strong,.o-ucenter-wrap .bb-trained-list li .row2 .water,.o-ucenter-wrap .aside-section3 .box-bd li .row2 .water,.o-index2 .box-common3 li .row2 .water .inner,.section-pop .part7 .course-wrap .course .course-intro .strong div,.o-ucenter-wrap .bb-trained-list li .row2 .water .inner,.o-ucenter-wrap .aside-section3 .box-bd li .row2 .water .inner,.o-index2 .box-common3 li .row2 .star,.o-ucenter-wrap .bb-trained-list li .row2 .star,.o-ucenter-wrap .aside-section3 .box-bd li .row2 .star,.o-index2 .box-common3 li .row2 .star .inner,.o-ucenter-wrap .bb-trained-list li .row2 .star .inner,.o-ucenter-wrap .aside-section3 .box-bd li .row2 .star .inner,.o-bbcourse .trainning-list-wrap .icon-star-wrap,.o-bbcourse .trainning-list-wrap .icon-star-wrap span{background-image: url(/static/img/sprite/global_x.png)}.ui-dialog-close{background-position:-55px 0px}.ui-dialog-close:hover,
.ui-dialog-close:focus{background-position:-55px -39px}.login-ui .ui-dialog-close{background-position:-44px -78px}.login-ui .ui-dialog-close:hover,
.login-ui .ui-dialog-close:focus{background-position:-44px -128px}.plan-dialog .ui-dialog-close{background-position:-44px -128px}.o-header3-nav .search-warp a:before{background-position:-70px -178px}.m-video-list li a .video-play{background-position:-56px -202px}.m-video-list li a .video-play:hover{background-position:-56px -240px}.m-tab-hd .trigger a.active .arrow{background-position:-29px -278px}.o-course .single-sort-tab li.active:before{background-position:-29px -278px}.o-index2 .section-mix .box4 .btn-download.btn-ios:before{background-position:-63px -294px}.o-aside-top .btn-download.btn-ios:before{background-position:-63px -294px}.o-index2 .section-mix .box4 .btn-download.btn-andirod:before{background-position:-61px -330px}.o-aside-top .btn-download.btn-andirod:before{background-position:-61px -330px}.o-index2 .icon-clock{background-position:-69px -367px}.o-article-box .box-common1 .icon-clock{background-position:-69px -367px}.section-pop .part6 .list-wrap input[type='radio'], .section-pop .part6 .list-wrap input[type='checkbox']{background-position:-62px -392px}.section-pop .part6 .list-wrap input[type='radio']:checked, .section-pop .part6 .list-wrap input[type='checkbox']:checked{background-position:-62px -424px}.section-pop .part6 .list-wrap input[type='radio']:disabled, .section-pop .part6 .list-wrap input[type='checkbox']:disabled{background-position:-62px -456px}.section-pop .part7 input[type='radio']{background-position:-64px -488px}.section-pop .part7 input[type='radio']:checked{background-position:-64px -518px}.o-article-search .bdcs-search-form-submit{background-position:-68px -548px}.aside-search .aside-icon-search:after{background-position:-68px -548px}.o-article-tools .tool1 .icon, .o-tools-index .tool1 .icon{background-position:-18px -574px}.tool-list-main ul li .icon-tools.tool1{background-position:-18px -574px}.o-article-tools .tool2 .icon, .o-tools-index .tool2 .icon{background-position:-19px -651px}.tool-list-main ul li .icon-tools.tool2{background-position:-19px -651px}.o-article-tools .tool3 .icon, .o-tools-index .tool3 .icon{background-position:-17px -726px}.tool-list-main ul li .icon-tools.tool3{background-position:-17px -726px}.o-article-tools .tool4 .icon, .o-tools-index .tool4 .icon{background-position:-17px -801px}.tool-list-main ul li .icon-tools.tool4{background-position:-17px -801px}.o-article-tools .tool5 .icon, .o-tools-index .tool5 .icon{background-position:-18px -878px}.tool-list-main ul li .icon-tools.tool5{background-position:-18px -878px}.o-article-tools .tool6 .icon, .o-tools-index .tool6 .icon{background-position:-17px -955px}.tool-list-main ul li .icon-tools.tool6{background-position:-17px -955px}.o-article-tools .tool7 .icon, .o-tools-index .tool7 .icon{background-position:-17px -1032px}.tool-list-main ul li .icon-tools.tool7{background-position:-17px -1032px}.o-article-tools .tool8 .icon, .o-tools-index .tool8 .icon{background-position:-17px -1109px}.tool-list-main ul li .icon-tools.tool8{background-position:-17px -1109px}.o-article-tools .tool9 .icon, .o-tools-index .tool9 .icon{background-position:-17px -1186px}.tool-list-main ul li .icon-tools.tool9{background-position:-17px -1186px}.o-article-tools .tool10 .icon, .o-tools-index .tool10 .icon{background-position:-17px -1263px}.tool-list-main ul li .icon-tools.tool10{background-position:-17px -1263px}.o-article-tools .tool11 .icon, .o-tools-index .tool11 .icon{background-position:-17px -1340px}.tool-list-main ul li .icon-tools.tool11{background-position:-17px -1340px}.o-article-tools .tool12 .icon, .o-tools-index .tool12 .icon{background-position:-18px -1417px}.tool-list-main ul li .icon-tools.tool12{background-position:-18px -1417px}.o-article-tools .tool13 .icon, .o-tools-index .tool13 .icon{background-position:-17px -1494px}.tool-list-main ul li .icon-tools.tool13{background-position:-17px -1494px}.o-article-tools .tool14 .icon, .o-tools-index .tool14 .icon{background-position:-17px -1571px}.tool-list-main ul li .icon-tools.tool14{background-position:-17px -1571px}.o-ucenter-wrap .aside-section2 .sec-box .box-bd i{background-position:-17px -1571px}.o-article-tools .tool15 .icon, .o-tools-index .tool15 .icon{background-position:-18px -1648px}.tool-list-main ul li .icon-tools.tool15{background-position:-18px -1648px}.o-article-tools .tool16 .icon, .o-tools-index .tool16 .icon{background-position:-17px -1725px}.tool-list-main ul li .icon-tools.tool16{background-position:-17px -1725px}.o-exercise.aside-fold .o-exercise-aside .menu-item.instrument .menu-item-hd .menu-label:before{background-position:-66px -1802px}.o-exercise-aside .menu-item.instrument .menu-item-hd .menu-label:before{background-position:-66px -1802px}.o-exercise.aside-fold .o-exercise-aside .menu-item.training-part .menu-item-hd .menu-label:before{background-position:-69px -1821px}.o-exercise-aside .menu-item.training-part .menu-item-hd .menu-label:before{background-position:-69px -1821px}.o-exercise.aside-fold .o-exercise-aside .menu-item.training-hard .menu-item-hd .menu-label:before{background-position:-69px -1843px}.o-exercise-aside .menu-item.training-hard .menu-item-hd .menu-label:before{background-position:-69px -1843px}.o-exercise-aside .menu-group.group-tp1 i{background-position:-67px -1864px}.o-exercise-aside .menu-group.group-tp2 i{background-position:-66px -1892px}.o-exercise-aside .menu-group.group-expand .group-hd em{background-position:-74px -1919px}.o-exercise-aside .menu-group .group-hd em{background-position:-74px -1934px}.o-exercise-aside .menu-item.target .menu-item-hd .menu-label:before{background-position:-69px -1949px}.o-video-aside .aside-bd .m-btn .btn-android i{background-position:-55px -1974px}.o-video-aside .aside-bd .m-btn .btn-ios i{background-position:-59px -2017px}.o-course-plan .course-section-hd .handler i{background-position:-75px -2057px}.o-course-plan .course-section-hd .handler.cur i{background-position:-75px -2072px}.o-course-plan .course-section-hd .course-play{background-position:-64px -2087px}.o-course-plan .course-section-hd .course-play:hover{background-position:-64px -2117px}.o-course-control .prev:hover i{background-position:-77px -2147px}.o-course-control .prev i{background-position:-76px -2168px}.o-course-control .next:hover i{background-position:-77px -2190px}.o-course-control .next i{background-position:-76px -2211px}.o-course-action .action .status{background-position:-36px -2233px}.o-course-action .video-action .change i{background-position:-69px -2291px}.o-course-action .video-action .change:hover i{background-position:-69px -2313px}.o-course-action .video-action .change.selected i{background-position:-69px -2313px}.o-course-action .video-action .guide:hover i{background-position:-68px -2335px}.o-course-action .video-action .guide i{background-position:-68px -2355px}.o-course-action .rest i{background-position:-58px -2375px}.o-changeAction-pop .close{background-position:-47px -2411px}.o-video-info .icon-sina{background-position:-68px -2459px}.o-video-info .icon-kongjian{background-position:-68px -2485px}.o-video-info .icon-wechat{background-position:-68px -2511px}.o-video-info .icon-qq{background-position:-68px -2537px}.o-video-guide-pics .guide-pic-wrap .ui-slide__prev i{background-position:-72px -2563px}.o-video-guide-pics .guide-pic-wrap .ui-slide__next i{background-position:-72px -2593px}.o-video-guide-pics2 .guide-pic-wrap .guide-pic-list li .gif-mask:before{background-position:-24px -2623px}.o-course .exercise-list-more .more-btn.more i{background-position:-57px -2693px}.o-course .exercise-list-more i{background-position:-57px -2730px}.o-ucenter-wrap .main-hd .h-icon{background-position:-34px -2767px}.o-ucenter-wrap .main-hd .h-btn2{background-position:-60px -2827px}.o-ucenter-wrap .my-course p:before{background-position:-64px -2861px}.o-ucenter-wrap .my-course p.finished:before{background-position:-64px -2891px}.o-ucenter-wrap .my-course .btn-cal{background-position:-63px -2921px}.o-ucenter-wrap .record-list .record-icon{background-position:-68px -2951px}.o-ucenter-wrap .record-list .record-item.expand .item-title i{background-position:-73px -2977px}.o-ucenter-wrap .aside-ft .btn-show-more i{background-position:-73px -2977px}.o-ucenter-wrap .record-list .item-title span i{background-position:-73px -2993px}.o-ucenter-wrap .aside-ft .btn-show-less i{background-position:-73px -2993px}.o-ucenter-wrap .data-show .btn-prev:before{background-position:-73px -3009px}.o-ucenter-wrap .data-show .btn-next:before{background-position:-73px -3038px}.o-ucenter-wrap .aside-hd .sex .male{background-position:-62px -3067px}.o-ucenter-wrap .aside-hd .sex .female{background-position:-62px -3099px}.o-ucenter-wrap .aside-hd .btn-edit:before{background-position:-71px -3131px}.o-ucenter-wrap .aside-bd .action-bar .cal{background-position:-67px -3154px}.o-ucenter-wrap .aside-bd .action-bar .share{background-position:-66px -3182px}.account-basic-wrapper .item.weixin .icon{background-position:-22px -3210px}.o-regist2 .other-login_bd .login-wx{background-position:-22px -3210px}.account-basic-wrapper .item.weibo .icon{background-position:-22px -3282px}.o-regist2 .other-login_bd .login-wb{background-position:-22px -3282px}.account-basic-wrapper .item.qq .icon{background-position:-22px -3354px}.o-regist2 .other-login_bd .login-qq{background-position:-22px -3354px}.o-bindUser .section-main .form-info .msg-err{background-position:-73px -3426px}.o-regist_row .icon-notice{background-position:-62px -3447px}.o-regist2 .icon_notice{background-position:-62px -3447px}.o-regist2 .icon_hiyd{background-position:0px -3479px}.o-regist2 .icon_phone{background-position:-73px -3523px}.o-regist2 .icon_pic{background-position:-72px -3546px}.o-regist2 .icon_msg{background-position:-72px -3567px}.o-regist2 .icon_psw{background-position:-73px -3588px}.o-regist2 .icon_user{background-position:-72px -3611px}.o-regist2 .icon_right{background-position:-64px -3634px}.o-bbcourse-index .box-info-hd .box-btn.btn-sign i{background-position:-67px -3664px}.o-bbcourse-index .box-table .table-con td:hover .row-sign i{background-position:-67px -3664px}.o-plan-index .box-info-hd .box-btn.btn-sign i{background-position:-67px -3664px}.o-bbcourse-index .box-info-hd .box-btn.btn-sign.signed i{background-position:-67px -3691px}.o-bbcourse-index .box-table .table-con td:hover .row-sign.signed i{background-position:-67px -3691px}.o-plan-index .box-info-hd .box-btn.btn-sign.signed i{background-position:-67px -3691px}.o-bbcourse-index .box-table .table-con .row-icon{background-position:-58px -3718px}.o-plan-index .box-table .table-con .row-icon{background-position:-58px -3718px}.o-bbcourse-index .box-table .table-con .row-sign.signed i{background-position:-67px -3754px}.o-bbcourse-index .box-table .table-con .row-sign i{background-position:-67px -3781px}.o-bbcourse-detail .box-hd .hd-row1 .row1-tabs li i{background-position:-71px -3808px}.o-bbcourse-detail .box-aside h2 .icon-down{background-position:-76px -3829px}.o-bbcourse-detail .action-list-wrap .group-intro .question-wrap .dialog-wrap:before{background-position:-73px -3843px}.icon-question{background-position:-64px -3865px}.o-plan-index .box-table .table-con li.tp-clock:before{background-position:-42px -3895px}.o-plan-index .box-table .table-con li.tp-cur:before{background-position:-42px -3947px}.o-plan-index .box-table .table-con li.tp-fin:before{background-position:-42px -3999px}.o-plan-index .box-table .table-con .train.finished a:before{background-position:-72px -4051px}.o-plan-index .box-table .table-con .train a:before, .o-plan-index .box-table .table-con .train span:before{background-position:-72px -4073px}.ui-dialog-close,.ui-dialog-close:hover,
.ui-dialog-close:focus,.login-ui .ui-dialog-close,.login-ui .ui-dialog-close:hover,
.login-ui .ui-dialog-close:focus,.plan-dialog .ui-dialog-close,.o-header3-nav .search-warp a:before,.m-video-list li a .video-play,.m-video-list li a .video-play:hover,.m-tab-hd .trigger a.active .arrow,.o-course .single-sort-tab li.active:before,.o-index2 .section-mix .box4 .btn-download.btn-ios:before,.o-aside-top .btn-download.btn-ios:before,.o-index2 .section-mix .box4 .btn-download.btn-andirod:before,.o-aside-top .btn-download.btn-andirod:before,.o-index2 .icon-clock,.o-article-box .box-common1 .icon-clock,.section-pop .part6 .list-wrap input[type='radio'], .section-pop .part6 .list-wrap input[type='checkbox'],.section-pop .part6 .list-wrap input[type='radio']:checked, .section-pop .part6 .list-wrap input[type='checkbox']:checked,.section-pop .part6 .list-wrap input[type='radio']:disabled, .section-pop .part6 .list-wrap input[type='checkbox']:disabled,.section-pop .part7 input[type='radio'],.section-pop .part7 input[type='radio']:checked,.o-article-search .bdcs-search-form-submit,.aside-search .aside-icon-search:after,.o-article-tools .tool1 .icon, .o-tools-index .tool1 .icon{background-size: 84px 4085px;background-image: url(/static/img/sprite/global_1_z.png)}.tool-list-main ul li .icon-tools.tool1,.o-article-tools .tool2 .icon, .o-tools-index .tool2 .icon,.tool-list-main ul li .icon-tools.tool2,.o-article-tools .tool3 .icon, .o-tools-index .tool3 .icon,.tool-list-main ul li .icon-tools.tool3,.o-article-tools .tool4 .icon, .o-tools-index .tool4 .icon,.tool-list-main ul li .icon-tools.tool4,.o-article-tools .tool5 .icon, .o-tools-index .tool5 .icon,.tool-list-main ul li .icon-tools.tool5,.o-article-tools .tool6 .icon, .o-tools-index .tool6 .icon,.tool-list-main ul li .icon-tools.tool6,.o-article-tools .tool7 .icon, .o-tools-index .tool7 .icon,.tool-list-main ul li .icon-tools.tool7,.o-article-tools .tool8 .icon, .o-tools-index .tool8 .icon,.tool-list-main ul li .icon-tools.tool8,.o-article-tools .tool9 .icon, .o-tools-index .tool9 .icon,.tool-list-main ul li .icon-tools.tool9,.o-article-tools .tool10 .icon, .o-tools-index .tool10 .icon,.tool-list-main ul li .icon-tools.tool10,.o-article-tools .tool11 .icon, .o-tools-index .tool11 .icon{background-size: 84px 4085px;background-image: url(/static/img/sprite/global_1_z.png)}.tool-list-main ul li .icon-tools.tool11,.o-article-tools .tool12 .icon, .o-tools-index .tool12 .icon,.tool-list-main ul li .icon-tools.tool12,.o-article-tools .tool13 .icon, .o-tools-index .tool13 .icon,.tool-list-main ul li .icon-tools.tool13,.o-article-tools .tool14 .icon, .o-tools-index .tool14 .icon,.tool-list-main ul li .icon-tools.tool14,.o-ucenter-wrap .aside-section2 .sec-box .box-bd i,.o-article-tools .tool15 .icon, .o-tools-index .tool15 .icon,.tool-list-main ul li .icon-tools.tool15,.o-article-tools .tool16 .icon, .o-tools-index .tool16 .icon,.tool-list-main ul li .icon-tools.tool16,.o-exercise.aside-fold .o-exercise-aside .menu-item.instrument .menu-item-hd .menu-label:before,.o-exercise-aside .menu-item.instrument .menu-item-hd .menu-label:before,.o-exercise.aside-fold .o-exercise-aside .menu-item.training-part .menu-item-hd .menu-label:before,.o-exercise-aside .menu-item.training-part .menu-item-hd .menu-label:before,.o-exercise.aside-fold .o-exercise-aside .menu-item.training-hard .menu-item-hd .menu-label:before,.o-exercise-aside .menu-item.training-hard .menu-item-hd .menu-label:before,.o-exercise-aside .menu-group.group-tp1 i,.o-exercise-aside .menu-group.group-tp2 i,.o-exercise-aside .menu-group.group-expand .group-hd em,.o-exercise-aside .menu-group .group-hd em,.o-exercise-aside .menu-item.target .menu-item-hd .menu-label:before,.o-video-aside .aside-bd .m-btn .btn-android i,.o-video-aside .aside-bd .m-btn .btn-ios i{background-size: 84px 4085px;background-image: url(/static/img/sprite/global_1_z.png)}.o-course-plan .course-section-hd .handler i,.o-course-plan .course-section-hd .handler.cur i,.o-course-plan .course-section-hd .course-play,.o-course-plan .course-section-hd .course-play:hover,.o-course-control .prev:hover i,.o-course-control .prev i,.o-course-control .next:hover i,.o-course-control .next i,.o-course-action .action .status,.o-course-action .video-action .change i,.o-course-action .video-action .change:hover i,.o-course-action .video-action .change.selected i,.o-course-action .video-action .guide:hover i,.o-course-action .video-action .guide i,.o-course-action .rest i,.o-changeAction-pop .close,.o-video-info .icon-sina,.o-video-info .icon-kongjian,.o-video-info .icon-wechat,.o-video-info .icon-qq,.o-video-guide-pics .guide-pic-wrap .ui-slide__prev i,.o-video-guide-pics .guide-pic-wrap .ui-slide__next i,.o-video-guide-pics2 .guide-pic-wrap .guide-pic-list li .gif-mask:before,.o-course .exercise-list-more .more-btn.more i,.o-course .exercise-list-more i,.o-ucenter-wrap .main-hd .h-icon,.o-ucenter-wrap .main-hd .h-btn2,.o-ucenter-wrap .my-course p:before,.o-ucenter-wrap .my-course p.finished:before,.o-ucenter-wrap .my-course .btn-cal{background-size: 84px 4085px;background-image: url(/static/img/sprite/global_1_z.png)}.o-ucenter-wrap .record-list .record-icon,.o-ucenter-wrap .record-list .record-item.expand .item-title i,.o-ucenter-wrap .aside-ft .btn-show-more i,.o-ucenter-wrap .record-list .item-title span i,.o-ucenter-wrap .aside-ft .btn-show-less i,.o-ucenter-wrap .data-show .btn-prev:before,.o-ucenter-wrap .data-show .btn-next:before,.o-ucenter-wrap .aside-hd .sex .male,.o-ucenter-wrap .aside-hd .sex .female,.o-ucenter-wrap .aside-hd .btn-edit:before,.o-ucenter-wrap .aside-bd .action-bar .cal,.o-ucenter-wrap .aside-bd .action-bar .share,.account-basic-wrapper .item.weixin .icon,.o-regist2 .other-login_bd .login-wx,.account-basic-wrapper .item.weibo .icon,.o-regist2 .other-login_bd .login-wb,.account-basic-wrapper .item.qq .icon,.o-regist2 .other-login_bd .login-qq,.o-bindUser .section-main .form-info .msg-err,.o-regist_row .icon-notice,.o-regist2 .icon_notice,.o-regist2 .icon_hiyd,.o-regist2 .icon_phone,.o-regist2 .icon_pic,.o-regist2 .icon_msg,.o-regist2 .icon_psw,.o-regist2 .icon_user,.o-regist2 .icon_right,.o-bbcourse-index .box-info-hd .box-btn.btn-sign i,.o-bbcourse-index .box-table .table-con td:hover .row-sign i{background-size: 84px 4085px;background-image: url(/static/img/sprite/global_1_z.png)}.o-plan-index .box-info-hd .box-btn.btn-sign i,.o-bbcourse-index .box-info-hd .box-btn.btn-sign.signed i,.o-bbcourse-index .box-table .table-con td:hover .row-sign.signed i,.o-plan-index .box-info-hd .box-btn.btn-sign.signed i,.o-bbcourse-index .box-table .table-con .row-icon,.o-plan-index .box-table .table-con .row-icon,.o-bbcourse-index .box-table .table-con .row-sign.signed i,.o-bbcourse-index .box-table .table-con .row-sign i,.o-bbcourse-detail .box-hd .hd-row1 .row1-tabs li i,.o-bbcourse-detail .box-aside h2 .icon-down,.o-bbcourse-detail .action-list-wrap .group-intro .question-wrap .dialog-wrap:before,.icon-question,.o-plan-index .box-table .table-con li.tp-clock:before,.o-plan-index .box-table .table-con li.tp-cur:before,.o-plan-index .box-table .table-con li.tp-fin:before,.o-plan-index .box-table .table-con .train.finished a:before,.o-plan-index .box-table .table-con .train a:before, .o-plan-index .box-table .table-con .train span:before{background-size: 84px 4085px;background-image: url(/static/img/sprite/global_1_z.png)}